@ab-demo-ui/demo-react 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ab-demo-ui/demo-react",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Atakan Bayrak",
   "author": "Atakan Bayrak",
   "private": false,

package/dist/hooks.cjs

@@ -1 +0,0 @@
-"use strict";var e=require("react");exports.useDomReady=()=>{const[t,r]=e.useState(!1);return e.useEffect(()=>r(!0),[]),t},exports.useOutsideClick=(t,r)=>{const n=e.useRef(null);return e.useEffect(()=>{const handleClickOutside=e=>{const u=n,s=e.target;!u.current||u.current.contains(s)||r?.some(e=>e.current?.contains(s))||t()};return document.addEventListener("mouseup",handleClickOutside),document.addEventListener("touchend",handleClickOutside),()=>{document.removeEventListener("mouseup",handleClickOutside),document.removeEventListener("touchend",handleClickOutside)}},[t,r]),n},exports.useScreenSize=()=>{const[t,r]=e.useState({width:0,height:0});return e.useEffect(()=>{if("undefined"!=typeof window){const resizeHandler=()=>{r({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",resizeHandler),()=>{window.removeEventListener("resize",resizeHandler)}}},[]),t},exports.useTimeout=(t,r)=>{const n=e.useRef(void 0),u=e.useRef(void 0),s=e.useRef(r),o=e.useRef(t);e.useEffect(()=>{o.current=t},[t]);const c=e.useCallback(()=>{clearTimeout(n.current),u.current&&(s.current-=(new Date).getTime()-u.current)},[]),i=e.useCallback(()=>{n.current&&clearTimeout(n.current),u.current=void 0,s.current=r},[r]),a=e.useCallback(()=>{n.current=setTimeout(()=>{o.current(),i()},s.current),u.current=(new Date).getTime()},[i]);return e.useMemo(()=>({start:a,pause:c,clear:i}),[a,c,i])},exports.useToggle=(t=!1,r)=>{const[n,u]=e.useState(t),[s,o]=e.useState(),c=e.useCallback(()=>{r?(o("showing"),setTimeout(()=>{o(void 0),u(!0)},r)):u(!0)},[r]),i=e.useCallback(()=>{r?(o("hiding"),setTimeout(()=>{o(void 0),u(!1)},r)):u(!1)},[r]),a=e.useCallback(e=>{(void 0===e?n:!e)?i():c()},[n,c,i]);return e.useMemo(()=>({visible:n,toggleState:s,show:c,hide:i,toggle:a}),[i,c,a,s,n])};

package/dist/hooks.d.ts

@@ -1,33 +0,0 @@
-import { RefObject } from 'react';
-
-declare const useDomReady: () => boolean;
-//# sourceMappingURL=useDomReady.d.ts.map
-
-declare const useOutsideClick: <R = unknown>(callback: () => void, excludedRefs?: RefObject<HTMLElement | null>[]) => RefObject<R | null>;
-//# sourceMappingURL=useOutsideClick.d.ts.map
-
-declare const useScreenSize: () => {
-    width: number;
-    height: number;
-};
-//# sourceMappingURL=useScreenSize.d.ts.map
-
-declare const useTimeout: (callback: () => void, delay: number) => {
-    start: () => void;
-    pause: () => void;
-    clear: () => void;
-};
-//# sourceMappingURL=useTimeout.d.ts.map
-
-type ToggleState = "showing" | "hiding";
-type UseToggleReturn = {
-    visible: boolean;
-    toggleState?: ToggleState;
-    show: () => void;
-    hide: () => void;
-    toggle: (forceShow?: boolean) => void;
-};
-declare const useToggle: (initialVisible?: boolean, toggleTime?: number) => UseToggleReturn;
-//# sourceMappingURL=useToggle.d.ts.map
-
-export { useDomReady, useOutsideClick, useScreenSize, useTimeout, useToggle };

package/dist/hooks.es.js

@@ -1 +0,0 @@
-import{useState as e,useEffect as t,useRef as n,useCallback as r,useMemo as o}from"react";const useDomReady=()=>{const[n,r]=e(!1);return t(()=>r(!0),[]),n},useOutsideClick=(e,r)=>{const o=n(null);return t(()=>{const handleClickOutside=t=>{const n=o,i=t.target;!n.current||n.current.contains(i)||r?.some(e=>e.current?.contains(i))||e()};return document.addEventListener("mouseup",handleClickOutside),document.addEventListener("touchend",handleClickOutside),()=>{document.removeEventListener("mouseup",handleClickOutside),document.removeEventListener("touchend",handleClickOutside)}},[e,r]),o},useScreenSize=()=>{const[n,r]=e({width:0,height:0});return t(()=>{if("undefined"!=typeof window){const resizeHandler=()=>{r({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",resizeHandler),()=>{window.removeEventListener("resize",resizeHandler)}}},[]),n},useTimeout=(e,i)=>{const u=n(void 0),c=n(void 0),s=n(i),d=n(e);t(()=>{d.current=e},[e]);const m=r(()=>{clearTimeout(u.current),c.current&&(s.current-=(new Date).getTime()-c.current)},[]),v=r(()=>{u.current&&clearTimeout(u.current),c.current=void 0,s.current=i},[i]),w=r(()=>{u.current=setTimeout(()=>{d.current(),v()},s.current),c.current=(new Date).getTime()},[v]);return o(()=>({start:w,pause:m,clear:v}),[w,m,v])},useToggle=(t=!1,n)=>{const[i,u]=e(t),[c,s]=e(),d=r(()=>{n?(s("showing"),setTimeout(()=>{s(void 0),u(!0)},n)):u(!0)},[n]),m=r(()=>{n?(s("hiding"),setTimeout(()=>{s(void 0),u(!1)},n)):u(!1)},[n]),v=r(e=>{(void 0===e?i:!e)?m():d()},[i,d,m]);return o(()=>({visible:i,toggleState:c,show:d,hide:m,toggle:v}),[m,d,v,c,i])};export{useDomReady,useOutsideClick,useScreenSize,useTimeout,useToggle};

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react");const r="edkui-icons",d={locale:"tr",baseIconClass:r,componentDefaults:{},setBaseIconClass:()=>{},setLocale:()=>{},setFont:()=>{},setComponentDefaults:()=>{},setTheme:()=>{}},camelToKebab=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),t=i.createContext(d);var n=[],o=[];var a={noScroll:"edk-Divider--noScroll",Root:"edk-Divider",horizontal:"edk-Divider--horizontal",solid:"edk-Divider--solid",dashed:"edk-Divider--dashed",dotted:"edk-Divider--dotted",vertical:"edk-Divider--vertical",sm:"edk-Divider--sm","gap-sm":"edk-Divider--gap-sm",md:"edk-Divider--md","gap-md":"edk-Divider--gap-md",lg:"edk-Divider--lg","gap-lg":"edk-Divider--gap-lg"};!function(e,i){if(e&&"undefined"!=typeof document){var r,d=!0===i.prepend?"prepend":"append",t=!0===i.singleTag,a="string"==typeof i.container?document.querySelector(i.container):document.getElementsByTagName("head")[0];if(t){var s=n.indexOf(a);-1===s&&(s=n.push(a)-1,o[s]={}),r=o[s]&&o[s][d]?o[s][d]:o[s][d]=c()}else r=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),r.styleSheet?r.styleSheet.cssText+=e:r.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),i.attributes)for(var r=Object.keys(i.attributes),t=0;t<r.length;t++)e.setAttribute(r[t],i.attributes[r[t]]);var n="prepend"===d?"afterbegin":"beforeend";return a.insertAdjacentElement(n,e),e}}('.edk-Divider--noScroll {\n  overflow: hidden;\n}\n\n.edk-Divider::before {\n  box-sizing: border-box;\n  border-color: var(--theme-color-surface-base-base6);\n  position: absolute;\n  content: "";\n}\n.edk-Divider.edk-Divider--horizontal {\n  min-width: 100%;\n  position: relative;\n}\n.edk-Divider.edk-Divider--horizontal::before {\n  width: 100%;\n}\n.edk-Divider.edk-Divider--horizontal.edk-Divider--solid::before {\n  border-top-style: solid;\n}\n.edk-Divider.edk-Divider--horizontal.edk-Divider--dashed::before {\n  border-top-style: dashed;\n}\n.edk-Divider.edk-Divider--horizontal.edk-Divider--dotted::before {\n  border-top-style: dotted;\n}\n.edk-Divider.edk-Divider--vertical {\n  min-height: 100%;\n  position: relative;\n  justify-content: center;\n}\n.edk-Divider.edk-Divider--vertical::before {\n  height: 100%;\n}\n.edk-Divider.edk-Divider--vertical.edk-Divider--solid::before {\n  border-left-style: solid;\n}\n.edk-Divider.edk-Divider--vertical.edk-Divider--dashed::before {\n  border-left-style: dashed;\n}\n.edk-Divider.edk-Divider--vertical.edk-Divider--dotted::before {\n  border-left-style: dotted;\n}\n.edk-Divider.edk-Divider--sm.edk-Divider--horizontal {\n  height: var(--base-sizing-1x);\n}\n.edk-Divider.edk-Divider--sm.edk-Divider--horizontal::before {\n  border-top-width: var(--base-sizing-1x);\n  top: calc(50% - var(--base-sizing-1x) / 2);\n}\n.edk-Divider.edk-Divider--sm.edk-Divider--vertical {\n  width: var(--base-sizing-1x);\n}\n.edk-Divider.edk-Divider--sm.edk-Divider--vertical::before {\n  border-left-width: var(--base-sizing-1x);\n  left: calc(50% - var(--base-sizing-1x) / 2);\n}\n.edk-Divider.edk-Divider--gap-sm.edk-Divider--horizontal {\n  margin-block: var(--base-sizing-6x);\n}\n.edk-Divider.edk-Divider--gap-sm.edk-Divider--vertical {\n  margin-inline: var(--base-sizing-6x);\n}\n.edk-Divider.edk-Divider--md.edk-Divider--horizontal {\n  height: var(--base-sizing-2x);\n}\n.edk-Divider.edk-Divider--md.edk-Divider--horizontal::before {\n  border-top-width: var(--base-sizing-2x);\n  top: calc(50% - var(--base-sizing-2x) / 2);\n}\n.edk-Divider.edk-Divider--md.edk-Divider--vertical {\n  width: var(--base-sizing-2x);\n}\n.edk-Divider.edk-Divider--md.edk-Divider--vertical::before {\n  border-left-width: var(--base-sizing-2x);\n  left: calc(50% - var(--base-sizing-2x) / 2);\n}\n.edk-Divider.edk-Divider--gap-md.edk-Divider--horizontal {\n  margin-block: var(--base-sizing-12x);\n}\n.edk-Divider.edk-Divider--gap-md.edk-Divider--vertical {\n  margin-inline: var(--base-sizing-12x);\n}\n.edk-Divider.edk-Divider--lg.edk-Divider--horizontal {\n  height: var(--base-sizing-4x);\n}\n.edk-Divider.edk-Divider--lg.edk-Divider--horizontal::before {\n  border-top-width: var(--base-sizing-4x);\n  top: calc(50% - var(--base-sizing-4x) / 2);\n}\n.edk-Divider.edk-Divider--lg.edk-Divider--vertical {\n  width: var(--base-sizing-4x);\n}\n.edk-Divider.edk-Divider--lg.edk-Divider--vertical::before {\n  border-left-width: var(--base-sizing-4x);\n  left: calc(50% - var(--base-sizing-4x) / 2);\n}\n.edk-Divider.edk-Divider--gap-lg.edk-Divider--horizontal {\n  margin-block: var(--base-sizing-18x);\n}\n.edk-Divider.edk-Divider--gap-lg.edk-Divider--vertical {\n  margin-inline: var(--base-sizing-18x);\n}',{});const usePropsWithThemeDefaults=(e,r)=>({...i.useContext(t).componentDefaults[e],...r}),Divider=i=>{const{size:r="md",orientation:d="horizontal",gap:t="md",shape:n="solid",style:o,className:s,ref:v}=usePropsWithThemeDefaults("Divider",i),l=(k=s,b=[r,d,`gap-${t}`,n],[(D=a).Root,...(b||[]).flat().filter(e=>!!e&&!!D[e]).map(e=>D[e]),k??""].join(" ").trim()||void 0);var D,k,b;return e.jsx("div",{ref:v,className:l,"data-testid":"dividerItem",style:o})};Divider.displayName="Divider",exports.Divider=Divider,exports.EDKUIProvider=d=>{const[n,o]=i.useState(d.componentDefaults||{}),[a,s]=i.useState(d.baseIconClass||r),[v,l]=i.useState(d.locale||"tr"),[D,k]=i.useState(d.font),[b,g]=i.useState(d.theme),m=i.useMemo(()=>b?((e,i="--theme")=>{const r={},traverse=(e,i)=>{e&&"object"==typeof e&&Object.entries(e).forEach(([e,d])=>{const t=camelToKebab(e),n=`${i}-${t}`;d&&"object"==typeof d&&!Array.isArray(d)?Object.values(d).every(e=>"string"==typeof e||"number"==typeof e||null==e)?Object.entries(d).forEach(([e,i])=>{if(null!=i&&("string"==typeof i||"number"==typeof i)){const d=camelToKebab(e);r[`${n}-${d}`]=String(i)}}):traverse(d,n):"string"!=typeof d&&"number"!=typeof d||(r[n]=String(d))})};return traverse(e,i),r})(b):{},[b]);i.useInsertionEffect(()=>{const e=document.documentElement;return Object.entries(m).forEach(([i,r])=>{e.style.setProperty(i,r)}),D&&e.style.setProperty("--theme-typography-font-family",D),()=>{Object.keys(m).forEach(i=>{e.style.removeProperty(i)}),e.style.removeProperty("--theme-typography-font-family")}},[D,m]);const f=i.useMemo(()=>({componentDefaults:n,locale:v,baseIconClass:a,theme:b,setBaseIconClass:s,setComponentDefaults:o,setLocale:l,setFont:k,setTheme:g}),[a,n,v,b]);return e.jsx(t,{value:f,children:d.children})};

package/dist/index.d.ts

@@ -1,240 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CSSProperties, Ref, PropsWithChildren } from 'react';
-
-type Size3 = "sm" | "md" | "lg";
-type StandardProps = {
-    className?: string;
-    style?: CSSProperties;
-};
-type RefType<R> = {
-    ref?: Ref<R>;
-};
-type PropsWithRef<P = unknown, R = unknown> = P & StandardProps & RefType<R>;
-
-type DividerProps = {
-    orientation?: "vertical" | "horizontal";
-    size?: Size3;
-    gap?: Size3;
-    shape?: "dotted" | "dashed" | "solid";
-};
-
-type ComponentDefaultableProps = {
-    Divider?: DividerProps;
-};
-
-/**
- * COLORS
- */
-type ColorSurface = {
-    primary?: ExtendedColorStateVariations;
-    secondary?: Partial<ColorStateVariations & {
-        negative?: string;
-    }>;
-    info?: ExtendedColorStateVariations;
-    danger?: ExtendedColorStateVariations;
-    success?: ExtendedColorStateVariations;
-    warning?: ExtendedColorStateVariations;
-    light?: ExtendedColorStateVariations;
-    base?: {
-        bgLight?: string;
-        bgDark?: string;
-        base1?: string;
-        base2?: string;
-        base3?: string;
-        base4?: string;
-        base5?: string;
-        base6?: string;
-        base7?: string;
-        base8?: string;
-        globalLight?: string;
-        lightOverlay50?: string;
-        lightOverlay75?: string;
-        lightOverlay90?: string;
-        lightOverlay25?: string;
-        darkOverlay15?: string;
-        darkOverlay50?: string;
-    };
-};
-type ColorBorder = {
-    light?: ColorStateVariations;
-    primary?: ColorStateVariations & {
-        focus?: string;
-    };
-    secondary?: ColorStateVariations;
-    info?: ColorStateVariations;
-    danger?: ColorStateVariations;
-    success?: ColorStateVariations;
-    warning?: ColorStateVariations;
-};
-type ColorText = {
-    base?: {
-        textDark?: string;
-        textLight?: string;
-        title?: string;
-        titleLight?: string;
-        subtitle?: string;
-        subtitleLight?: string;
-        caption?: string;
-        captionLight?: string;
-        disabled?: string;
-        disabledLight?: string;
-        globalDark?: string;
-        globalLight?: string;
-        darkOverlay25?: string;
-        darkOverlay40?: string;
-        darkOverlay50?: string;
-        darkOverlay75?: string;
-        lightOverlay50?: string;
-        lightOverlay75?: string;
-        lightOverlay90?: string;
-        defaultOverlay50?: string;
-    };
-    primary?: ColorStateVariations & {
-        opposite?: string;
-    };
-    secondary?: ColorStateVariations;
-    light?: ColorStateVariations;
-    info?: ColorStateVariations;
-    danger?: ColorStateVariations;
-    success?: ColorStateVariations;
-    warning?: ColorStateVariations;
-};
-type ColorSemantic = {
-    primary?: ColorScale<"primary">;
-    secondary?: ColorScale<"secondary">;
-    neutral?: ColorScale<"neutral">;
-    accent?: ColorScale<"accent">;
-    info?: ColorScale<"info">;
-    success?: ColorScale<"success">;
-    warning?: ColorScale<"warning">;
-    danger?: ColorScale<"danger">;
-    flag?: ColorScale<"flag">;
-    grayscale?: ColorScale<"grayscale">;
-    base?: ColorScale<"base">;
-};
-/**
- * TYPOGRAPHY
- */
-type Typography = {
-    fontFamily?: string;
-    heading?: {
-        [K in `heading${1 | 2 | 3 | 4 | 5 | 6}`]?: TypographyStyle;
-    };
-    display?: {
-        [K in `${"lg" | "md" | "sm"}`]?: TypographyStyle;
-    };
-    body?: {
-        [K in `${"lg" | "md" | "sm" | "xs" | "xxs"}`]?: TypographyStyle;
-    };
-    base?: {
-        [K in "xl" | "lg" | "md" | "sm" | "xs" | "xxs"]?: {
-            [J in `${K}-${500 | 600 | 700}`]?: TypographyStyle;
-        };
-    };
-};
-/**
- * SIZING AND SPACING
- */
-type Sizing = {
-    radius?: {
-        default?: string;
-        round?: string;
-    };
-    limit?: {
-        inputMinWidth?: string;
-    };
-};
-/**
- * ELEVATION AND SHADOW
- */
-type Elevation = {
-    [K in `elevation${1 | 2 | 3 | 4 | 5 | 6}`]?: ElevationStyle;
-} & {
-    focusring?: ElevationStyle;
-    focusringWhite?: ElevationStyle;
-};
-/**
- * GRID SYSTEM
- */
-type Grid = {
-    gutter?: {
-        gutter?: string;
-    };
-    breakpoint?: GridBreakpoint;
-    container?: GridBreakpoint;
-};
-/**
- * Helping types
- */
-type ColorScale<T extends string> = {
-    [K in `${T}-${50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900}`]?: string;
-};
-type ElevationStyle = {
-    x?: string;
-    y?: string;
-    blur?: string;
-    spread?: string;
-    shadow?: string;
-};
-type GridBreakpoint = {
-    sm?: string;
-    md?: string;
-    lg?: string;
-    xl?: string;
-};
-type ColorStateVariations = {
-    default?: string;
-    hover?: string;
-    active?: string;
-    disabled?: string;
-};
-type ExtendedColorStateVariations = ColorStateVariations & {
-    negative?: string;
-    inverse?: string;
-};
-type TypographyStyle = {
-    fontSize?: string;
-    fontFamily?: string;
-    fontWeight?: string | number;
-    fontStyle?: string;
-    lineHeight?: string;
-    letterSpacing?: string;
-    textDecoration?: string;
-    textCase?: string;
-};
-
-type EDKUIProviderProps = {
-    locale?: Locale;
-    baseIconClass?: string;
-    componentDefaults?: ComponentDefaults;
-    font?: string;
-    theme?: Theme;
-};
-type Locale = "tr" | "en";
-type Theme = {
-    color?: {
-        surface?: ColorSurface;
-        border?: ColorBorder;
-        text?: ColorText;
-        semantic?: ColorSemantic;
-    };
-    typography?: Typography;
-    sizing?: Sizing;
-    elevation?: Elevation;
-    grid?: Grid;
-    opacity?: Record<string, string | number>;
-};
-type ComponentDefaults = ComponentDefaultsWithStandardProps<ComponentDefaultableProps, StandardProps>;
-type ComponentDefaultsWithStandardProps<T, TCommon> = {
-    [K in keyof T]: T[K] extends infer U ? U & TCommon : never;
-};
-
-declare const EDKUIProvider: (props: PropsWithChildren<EDKUIProviderProps>) => react_jsx_runtime.JSX.Element;
-
-declare const Divider: {
-    (props: PropsWithRef<DividerProps, HTMLDivElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=Divider.d.ts.map
-
-export { Divider, EDKUIProvider };

package/dist/index.es.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as i,useState as r,useMemo as d,useInsertionEffect as n,useContext as t}from"react";const o="edkui-icons",camelToKebab=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),a=i({locale:"tr",baseIconClass:o,componentDefaults:{},setBaseIconClass:()=>{},setLocale:()=>{},setFont:()=>{},setComponentDefaults:()=>{},setTheme:()=>{}}),EDKUIProvider=i=>{const[t,s]=r(i.componentDefaults||{}),[v,l]=r(i.baseIconClass||o),[D,k]=r(i.locale||"tr"),[b,g]=r(i.font),[m,f]=r(i.theme),h=d(()=>m?((e,i="--theme")=>{const r={},traverse=(e,i)=>{e&&"object"==typeof e&&Object.entries(e).forEach(([e,d])=>{const n=camelToKebab(e),t=`${i}-${n}`;d&&"object"==typeof d&&!Array.isArray(d)?Object.values(d).every(e=>"string"==typeof e||"number"==typeof e||null==e)?Object.entries(d).forEach(([e,i])=>{if(null!=i&&("string"==typeof i||"number"==typeof i)){const d=camelToKebab(e);r[`${t}-${d}`]=String(i)}}):traverse(d,t):"string"!=typeof d&&"number"!=typeof d||(r[t]=String(d))})};return traverse(e,i),r})(m):{},[m]);n(()=>{const e=document.documentElement;return Object.entries(h).forEach(([i,r])=>{e.style.setProperty(i,r)}),b&&e.style.setProperty("--theme-typography-font-family",b),()=>{Object.keys(h).forEach(i=>{e.style.removeProperty(i)}),e.style.removeProperty("--theme-typography-font-family")}},[b,h]);const p=d(()=>({componentDefaults:t,locale:D,baseIconClass:v,theme:m,setBaseIconClass:l,setComponentDefaults:s,setLocale:k,setFont:g,setTheme:f}),[v,t,D,m]);return e(a,{value:p,children:i.children})};var s=[],v=[];var l={noScroll:"edk-Divider--noScroll",Root:"edk-Divider",horizontal:"edk-Divider--horizontal",solid:"edk-Divider--solid",dashed:"edk-Divider--dashed",dotted:"edk-Divider--dotted",vertical:"edk-Divider--vertical",sm:"edk-Divider--sm","gap-sm":"edk-Divider--gap-sm",md:"edk-Divider--md","gap-md":"edk-Divider--gap-md",lg:"edk-Divider--lg","gap-lg":"edk-Divider--gap-lg"};!function(e,i){if(e&&"undefined"!=typeof document){var r,d=!0===i.prepend?"prepend":"append",n=!0===i.singleTag,t="string"==typeof i.container?document.querySelector(i.container):document.getElementsByTagName("head")[0];if(n){var o=s.indexOf(t);-1===o&&(o=s.push(t)-1,v[o]={}),r=v[o]&&v[o][d]?v[o][d]:v[o][d]=c()}else r=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),r.styleSheet?r.styleSheet.cssText+=e:r.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),i.attributes)for(var r=Object.keys(i.attributes),n=0;n<r.length;n++)e.setAttribute(r[n],i.attributes[r[n]]);var o="prepend"===d?"afterbegin":"beforeend";return t.insertAdjacentElement(o,e),e}}('.edk-Divider--noScroll {\n  overflow: hidden;\n}\n\n.edk-Divider::before {\n  box-sizing: border-box;\n  border-color: var(--theme-color-surface-base-base6);\n  position: absolute;\n  content: "";\n}\n.edk-Divider.edk-Divider--horizontal {\n  min-width: 100%;\n  position: relative;\n}\n.edk-Divider.edk-Divider--horizontal::before {\n  width: 100%;\n}\n.edk-Divider.edk-Divider--horizontal.edk-Divider--solid::before {\n  border-top-style: solid;\n}\n.edk-Divider.edk-Divider--horizontal.edk-Divider--dashed::before {\n  border-top-style: dashed;\n}\n.edk-Divider.edk-Divider--horizontal.edk-Divider--dotted::before {\n  border-top-style: dotted;\n}\n.edk-Divider.edk-Divider--vertical {\n  min-height: 100%;\n  position: relative;\n  justify-content: center;\n}\n.edk-Divider.edk-Divider--vertical::before {\n  height: 100%;\n}\n.edk-Divider.edk-Divider--vertical.edk-Divider--solid::before {\n  border-left-style: solid;\n}\n.edk-Divider.edk-Divider--vertical.edk-Divider--dashed::before {\n  border-left-style: dashed;\n}\n.edk-Divider.edk-Divider--vertical.edk-Divider--dotted::before {\n  border-left-style: dotted;\n}\n.edk-Divider.edk-Divider--sm.edk-Divider--horizontal {\n  height: var(--base-sizing-1x);\n}\n.edk-Divider.edk-Divider--sm.edk-Divider--horizontal::before {\n  border-top-width: var(--base-sizing-1x);\n  top: calc(50% - var(--base-sizing-1x) / 2);\n}\n.edk-Divider.edk-Divider--sm.edk-Divider--vertical {\n  width: var(--base-sizing-1x);\n}\n.edk-Divider.edk-Divider--sm.edk-Divider--vertical::before {\n  border-left-width: var(--base-sizing-1x);\n  left: calc(50% - var(--base-sizing-1x) / 2);\n}\n.edk-Divider.edk-Divider--gap-sm.edk-Divider--horizontal {\n  margin-block: var(--base-sizing-6x);\n}\n.edk-Divider.edk-Divider--gap-sm.edk-Divider--vertical {\n  margin-inline: var(--base-sizing-6x);\n}\n.edk-Divider.edk-Divider--md.edk-Divider--horizontal {\n  height: var(--base-sizing-2x);\n}\n.edk-Divider.edk-Divider--md.edk-Divider--horizontal::before {\n  border-top-width: var(--base-sizing-2x);\n  top: calc(50% - var(--base-sizing-2x) / 2);\n}\n.edk-Divider.edk-Divider--md.edk-Divider--vertical {\n  width: var(--base-sizing-2x);\n}\n.edk-Divider.edk-Divider--md.edk-Divider--vertical::before {\n  border-left-width: var(--base-sizing-2x);\n  left: calc(50% - var(--base-sizing-2x) / 2);\n}\n.edk-Divider.edk-Divider--gap-md.edk-Divider--horizontal {\n  margin-block: var(--base-sizing-12x);\n}\n.edk-Divider.edk-Divider--gap-md.edk-Divider--vertical {\n  margin-inline: var(--base-sizing-12x);\n}\n.edk-Divider.edk-Divider--lg.edk-Divider--horizontal {\n  height: var(--base-sizing-4x);\n}\n.edk-Divider.edk-Divider--lg.edk-Divider--horizontal::before {\n  border-top-width: var(--base-sizing-4x);\n  top: calc(50% - var(--base-sizing-4x) / 2);\n}\n.edk-Divider.edk-Divider--lg.edk-Divider--vertical {\n  width: var(--base-sizing-4x);\n}\n.edk-Divider.edk-Divider--lg.edk-Divider--vertical::before {\n  border-left-width: var(--base-sizing-4x);\n  left: calc(50% - var(--base-sizing-4x) / 2);\n}\n.edk-Divider.edk-Divider--gap-lg.edk-Divider--horizontal {\n  margin-block: var(--base-sizing-18x);\n}\n.edk-Divider.edk-Divider--gap-lg.edk-Divider--vertical {\n  margin-inline: var(--base-sizing-18x);\n}',{});const usePropsWithThemeDefaults=(e,i)=>({...t(a).componentDefaults[e],...i}),Divider=i=>{const{size:r="md",orientation:d="horizontal",gap:n="md",shape:t="solid",style:o,className:a,ref:s}=usePropsWithThemeDefaults("Divider",i),v=(k=a,b=[r,d,`gap-${n}`,t],[(D=l).Root,...(b||[]).flat().filter(e=>!!e&&!!D[e]).map(e=>D[e]),k??""].join(" ").trim()||void 0);var D,k,b;return e("div",{ref:s,className:v,"data-testid":"dividerItem",style:o})};Divider.displayName="Divider";export{Divider,EDKUIProvider};