@inntechcorp/it-design 4.0.0-beta.1 → 4.0.0-beta.2

package/dist/cjs/calendar/day/styled.js

@@ -0,0 +1,91 @@
+"use strict";var e=require("styled-components");const o=e.div`
+
+  position: relative;
+  cursor: pointer;
+  border-radius: 4px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &::before {
+
+    position: absolute;
+    top: 50%;
+    right: 0;
+    left: 0;
+    //z-index: 1;
+    height: 30px;
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+    content: "";
+
+  }
+
+  span {
+
+    font-size: 13px;
+    letter-spacing: -.5;
+    font-weight: 500;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    position: relative;
+    min-width: 30px;
+    height: 30px;
+    line-height: 30px;
+    border-radius: 50px;
+
+    transition: background-color 0.15s ease-out;
+
+  }
+
+  &:hover {
+
+    span {
+      color: #3598FE;
+      background-color: #0E1531;
+    }
+
+  }
+
+  ${({$today:o})=>o&&e.css`
+      span {
+        border: 1px solid #3598FE80;
+      }
+    `}
+
+  ${({$selected:o})=>o&&e.css`
+      span {
+        color: #3598FE;
+        background-color: #0E1531;
+      }
+    `}
+
+  ${({$current:o})=>o?e.css`
+        span {
+          color: #ffffff;
+        }
+      `:e.css`
+        span {
+          color: #ffffff80;
+        }
+      `}
+
+  ${({$disabled:o})=>o&&e.css`
+      pointer-events: none;
+      
+      &::before {
+        background-color: none;
+        background-color: #0E153180;
+      }
+
+      span {
+        background: 0 0;
+        color: #ffffff40;
+      }
+    `}
+
+`;exports.Wrapper=o;

package/dist/cjs/calendar/header/Header.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),l=require("./styled.js");exports.default=function(n){const{month:d="",year:r="",onPrevYear:s=null,onPrevMonth:c=null,onNextMonth:i=null,onNextYear:t=null,onClickMonth:o=null,onClickYear:x=null,viewMode:h="days",decadeLabel:m=""}=n;return a.useEffect(()=>{},[]),e.jsxs(l.Wrapper,{className:"itd-calendar-header",children:[e.jsx(l.PrevYear,{className:"itd-calendar-prev-year",onClick:s,children:e.jsx("span",{})}),"days"===h&&e.jsx(l.PrevMonth,{className:"itd-calendar-prev-month",onClick:c,children:e.jsx("span",{})}),e.jsxs(l.Middle,{className:"itd-calendar-middle",children:["days"===h&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"itd-calendar-middle-month",onClick:o,children:d}),e.jsx("div",{className:"itd-calendar-middle-year",onClick:x,children:r})]}),"months"===h&&e.jsx("div",{className:"itd-calendar-middle-year",onClick:x,children:r}),"years"===h&&e.jsx("div",{className:"itd-calendar-middle-decade",children:m||r})]}),"days"===h&&e.jsx(l.NextMonth,{className:"itd-calendar-next-month",onClick:i,children:e.jsx("span",{})}),e.jsx(l.NextYear,{className:"itd-calendar-next-year",onClick:t,children:e.jsx("span",{})})]})};

package/dist/cjs/calendar/header/styled.js

@@ -0,0 +1,196 @@
+"use strict";var e=require("styled-components");const t=e.div`
+
+  display: flex;
+  height: 40px;
+
+`,o=e.div`
+
+  flex: auto;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+
+  div {
+
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    
+    transition: color .15s ease-out;
+    color: #ffffff;
+
+    &:nth-child(2) {
+      margin-left: 5px;
+    }
+
+    &:hover {
+      color: #3598FE;
+    }
+  }
+
+`,i=e.a`
+
+  span {
+    transform: rotate(135deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+
+`,n=e.a`
+
+  span {
+    transform: rotate(-45deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+
+`,r=e.a`
+
+  span {
+    transform: rotate(135deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+  span::after {
+    top: 4px;
+    left: 4px;
+  }
+
+`,f=e.a`
+
+  span {
+    transform: rotate(-45deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+  span::after {
+    top: 4px;
+    left: 4px;
+  }
+
+`;exports.Middle=o,exports.NextMonth=i,exports.NextYear=r,exports.PrevMonth=n,exports.PrevYear=f,exports.Wrapper=t;

package/dist/cjs/calendar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("../helpers/datetime/dayjsSetup.js");var t=require("./dates.js"),a=require("./day/Day.js"),s=require("./header/Header.js"),i=require("../locales/tr/calendar.json.js"),o=require("../locales/en/calendar.json.js"),n=require("../context/ITDContext.js");require("../helpers/theme/cssVariables.js"),require("../helpers/theme/light.js"),require("../helpers/theme/dark.js"),require("../helpers/theme/tokens.js"),require("../enums/enum.js"),require("../utils/InlineSVGCached.js"),require("../helpers/svg/styles.js"),require("../logger/index.js"),require("react-router-dom"),require("axios"),require("../html/header/styled.js"),require("../select/index.js"),require("../form/index.js"),require("../checkbox/index.js"),require("../accordion/index.js");var l=require("./styled.js");require("../datepicker/index.js"),require("../input/index.js"),require("../textarea/index.js"),require("../switch/index.js"),require("../upload/index.js"),require("react-dom"),require("react-transition-group"),require("../button/index.js"),require("../modal/modal/styled.js"),require("../modal/container/styled.js"),require("../modal/context/ModalContext.js"),require("../notification/context/NotificationsContext.js"),require("../radio/index.js"),require("../image/index.js"),require("../alert/index.js"),require("../result/index.js"),require("../alink/index.js"),require("../back-top/styled.js"),require("../progress/styled.js"),require("../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js"),require("../tinyscrollbar/scroll.styled.js"),require("../label/index.js"),require("../card/Card.js"),require("../card/CardHeader.js"),require("../card/CardTitle.js"),require("../card/CardDescription.js"),require("../card/CardAction.js"),require("../card/CardTabs.js"),require("../card/CardContent.js"),require("../card/CardFooter.js"),require("../popover/PopoverContent.js"),require("../popover/Popover.js"),require("../popover/PopoverTrigger.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipTrigger.js"),require("../tooltip/TooltipContent.js"),require("../hovercard/HoverCard.js"),require("../hovercard/HoverCardTrigger.js"),require("../hovercard/HoverCardContent.js"),require("../table/index.js"),require("../flex/styled.js");var d=require("../_virtual/dayjs.min.js");exports.default=({value:u="",defaultValue:c="",className:j,onChange:q,disabledDate:m,locale:h})=>{const{language:f}=r.useContext(n.default),y=h||("tr"===f?i.default:o.default),[x,p]=r.useState(0),[v,Y]=r.useState([]),[C,b]=r.useState(null),[g,M]=r.useState(d.default()),[D,N]=r.useState(null),[k,S]=r.useState("days"),T=e=>d.default(e,"MM/DD/YYYY"),$=()=>g.format("YYYY"),P=()=>g.format("M");r.useEffect(()=>{w(),H(c)},[]),r.useEffect(()=>{H(u)},[u]),r.useEffect(()=>{A()},[g]),r.useEffect(()=>{w()},[f,h]);const H=e=>{if(""===e)return;let r;if("DD/MM/YYYY"===y.format){const t=e.split("/");if(3===t.length){const[e,a,s]=t;r=d.default(`${s}-${a}-${e}`)}else r=d.default(e)}else if("MM/DD/YYYY"===y.format){const t=e.split("/");if(3===t.length){const[e,a,s]=t;r=d.default(`${s}-${e}-${a}`)}else r=d.default(e)}else r=d.default(e,y.format,!0);r.isValid()&&(N(r),M(r))},w=()=>{E(y)},E=e=>{b(e),Y(e.weekdaysShort),p(e.firstDay)},V=e=>!!m&&m(e),_=e=>{var r=e.format(y.format);q&&q({localizated:r,global:e.format("YYYY-MM-DD")})},A=()=>{const r=t.default(Number(P()),Number($()),x);let s=[];for(let t=0;t<r.length;t++){const i=T(r[t]);let o={date:i,handleClick:_};i.isSame(T(d.default().format("MM/DD/YYYY")))&&(o.today=!0),i.isSame(D)&&(o.selected=!0),i.format("M")===P()&&(o.current=!0),V(i)&&(o.disabled=!0),s.push(e.jsx(a.default,{...o,children:i.format("D")},t))}return s},F=()=>{let r=[];for(let t=0;t<v.length;t++)r.push(e.jsx("div",{children:e.jsx("span",{children:v[t]})},t));return r},I=e=>{if("month"===e&&"days"!==k)return;const r="year"===e&&"years"===k?10:1;M(g.clone().subtract(r,e))},W=e=>{if("month"===e&&"days"!==k)return;const r="year"===e&&"years"===k?10:1;M(g.clone().add(r,e))},z=()=>{S("months")},G=()=>{S("years")},L=()=>{const r=C?.months||[];return e.jsx(l.Months,{className:"itd-calendar-months",children:r.map((r,t)=>e.jsx("button",{type:"button",className:"itd-calendar-month"+(g.month()===t?" itd-calendar-month-current":""),onClick:()=>{return e=t,M(g.clone().month(e)),void S("days");var e},children:r},t))})},O=()=>{const r=10*Math.floor(g.year()/10),t=Array.from({length:12},(e,t)=>r-1+t);return e.jsx(l.Years,{className:"itd-calendar-years",children:t.map(t=>e.jsx("button",{type:"button",className:"itd-calendar-year"+(g.year()===t?" itd-calendar-year-current":"")+(t<r||t>r+9?" itd-calendar-year-outside":""),onClick:()=>{return e=t,M(g.clone().year(e)),void S("months");var e},children:t},t))})},B=r.useMemo(()=>{let e="itd-calendar";return""!==j&&(e+=" "+j),e},[j]);return C?e.jsxs(l.Wrapper,{className:B,children:[e.jsx(s.default,{month:C?.months[Number(P())-1],year:$(),onPrevYear:()=>I("year"),onPrevMonth:()=>I("month"),onNextYear:()=>W("year"),onNextMonth:()=>W("month"),onClickMonth:z,onClickYear:G,viewMode:k,decadeLabel:(()=>{if("years"!==k)return"";const e=10*Math.floor(g.year()/10);return`${e}-${e+9}`})()}),e.jsx(l.Separator,{className:"itd-calendar-separator"}),"days"===k&&e.jsxs(e.Fragment,{children:[e.jsx(l.WeekShortDays,{className:"itd-calendar-weekdays",children:F()}),e.jsx(l.Days,{className:"itd-calendar-days",children:A()})]}),"months"===k&&L(),"years"===k&&O()]}):null};

package/dist/cjs/calendar/styled.js

@@ -0,0 +1,82 @@
+"use strict";var r=require("styled-components");const e=r.div`
+
+  width: 280px;
+  border-radius: 6px;
+  background-color: #1D2649;
+  padding: 4px 14px 14px 14px;
+
+`,t=r.div`
+
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  grid-gap: 4px 0;
+
+`,i=r.div`
+
+  display: grid;
+  grid-gap: 0;
+  grid-template-columns: repeat(7, 1fr);
+  font-size: 13px;
+  line-height: 30px;
+  text-align: center;
+
+  > div {
+    
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    span {
+      color: #ffffff;
+      font-weight: bold;
+    }
+
+  }
+
+`,d=r.div`
+
+  width: 100%;
+  height: 1px;
+  margin: 4px 0;
+  background-color: #505A7D60;
+
+`,o=r.div`
+
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 8px;
+
+  .itd-calendar-month {
+    background: transparent;
+    border: 0;
+    color: #ffffff;
+    height: 36px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: .875rem;
+  }
+
+  .itd-calendar-month-current {
+    outline: 2px solid #2F74FF;
+  }
+
+`,a=r.div`
+
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-gap: 8px;
+
+  .itd-calendar-year {
+    background: transparent;
+    border: 0;
+    color: #ffffff;
+    height: 36px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: .875rem;
+  }
+
+  .itd-calendar-year-current { outline: 2px solid #2F74FF; }
+  .itd-calendar-year-outside { color: #ffffff80; }
+
+`;exports.Days=t,exports.Months=o,exports.Separator=d,exports.WeekShortDays=i,exports.Wrapper=e,exports.Years=a;

package/dist/cjs/card/Card.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("../spin/index.js"),s=require("../enums/enum.js");const i=({children:i,className:d="",variant:t=s.ComponentVariants.DEFAULT,updating:c=!1})=>{const l=r.useMemo(()=>{let e="itd-card flex flex-col relative overflow-hidden";return t&&(e+=` itd-card-${t}`),d&&(e+=` ${d}`),e},[t,d]);return e.jsxs("div",{className:l,children:[e.jsx("div",{className:"itd-card-body flex flex-col",children:i}),c&&e.jsx("div",{className:"itd-card-overlay",children:e.jsx(a.default,{updating:!0,className:"itd-card-spin"})})]})};i.displayName="Card",exports.Card=i;

package/dist/cjs/card/CardAction.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("../utils/cn.js");const r=({children:r,className:s})=>e.jsx("div",{className:i.cn("itd-card-action flex justify-between gap-3",s),children:r});r.displayName="CardAction",exports.CardAction=r;

package/dist/cjs/card/CardContent.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("../utils/cn.js");const t=({children:t,className:s})=>e.jsx("div",{className:r.cn("itd-card-content flex flex-col gap-6 px-6",s),children:t});t.displayName="CardContent",exports.CardContent=t;

package/dist/cjs/card/CardDescription.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("../utils/cn.js");const s=({children:s,className:i})=>e.jsx("div",{className:r.cn("itd-card-description text-sm",i),children:s});s.displayName="CardDescription",exports.CardDescription=s;

package/dist/cjs/card/CardFooter.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("../utils/cn.js");const s=({children:s,className:t})=>e.jsx("div",{className:r.cn("itd-card-footer flex items-center py-4 px-6",t),children:s});s.displayName="CardFooter",exports.CardFooter=s;

package/dist/cjs/card/CardHeader.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("../utils/cn.js");const t=({children:t,className:i,separator:s=!1})=>{const n=r.Children.toArray(t),d=n.some(e=>{if(r.isValidElement(e)){const r=e.type.displayName||e.type.name;return"CardTabs"===r||"CardAction"===r}return!1}),c=n.some(e=>{if(r.isValidElement(e)){return"CardDescription"===(e.type.displayName||e.type.name)}return!1}),l=s||d,m=r.useMemo(()=>{let e="itd-card-header px-6";return e+=d?" flex items-center justify-between gap-8 min-h-16":c?" flex flex-col gap-1 py-4":" flex items-center min-h-16",l&&(e+=" itd-card-header-separator"),a.cn(e,i)},[d,c,l,i]);return e.jsx("div",{className:m,children:t})};t.displayName="CardHeader",exports.CardHeader=t;

package/dist/cjs/card/CardTabs.js

@@ -0,0 +1 @@
+"use strict";var a=require("react/jsx-runtime"),s=require("../tabs/index.js");const e=({className:e="",...r})=>a.jsx(s.default,{fill:!0,className:`itd-card-tabs ${e}`,...r});e.displayName="CardTabs",exports.CardTabs=e;

package/dist/cjs/card/CardTitle.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("../utils/cn.js");const i=({children:i,className:r})=>e.jsx("div",{className:t.cn("itd-card-title text-base font-medium tracking-tight",r),children:i});i.displayName="CardTitle",exports.CardTitle=i;

package/dist/cjs/checkbox/group/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../_virtual/react.js");require("../../context/ITDContext.js"),require("../../helpers/theme/cssVariables.js"),require("../../helpers/theme/light.js"),require("../../helpers/theme/dark.js"),require("../../helpers/theme/tokens.js"),require("../../enums/enum.js"),require("../../utils/InlineSVGCached.js"),require("../../helpers/svg/styles.js"),require("../../helpers/datetime/dayjsSetup.js"),require("../../logger/index.js"),require("react-router-dom"),require("axios"),require("../../html/header/styled.js"),require("../../select/index.js"),require("../../form/index.js");var i=require("../index.js");require("../../accordion/index.js"),require("../../calendar/day/styled.js"),require("../../calendar/header/styled.js"),require("../../calendar/styled.js"),require("../../datepicker/index.js"),require("../../input/index.js"),require("../../textarea/index.js"),require("../../switch/index.js"),require("../../upload/index.js"),require("react-dom"),require("react-transition-group"),require("../../button/index.js"),require("../../modal/modal/styled.js"),require("../../modal/container/styled.js"),require("../../modal/context/ModalContext.js"),require("../../notification/context/NotificationsContext.js"),require("../../radio/index.js"),require("../../image/index.js"),require("../../alert/index.js"),require("../../result/index.js"),require("../../alink/index.js"),require("../../back-top/styled.js"),require("../../progress/styled.js"),require("../../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js"),require("../../tinyscrollbar/scroll.styled.js"),require("../../label/index.js"),require("../../card/Card.js"),require("../../card/CardHeader.js"),require("../../card/CardTitle.js"),require("../../card/CardDescription.js"),require("../../card/CardAction.js"),require("../../card/CardTabs.js"),require("../../card/CardContent.js"),require("../../card/CardFooter.js"),require("../../popover/PopoverContent.js"),require("../../popover/Popover.js"),require("../../popover/PopoverTrigger.js"),require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipTrigger.js"),require("../../tooltip/TooltipContent.js"),require("../../hovercard/HoverCard.js"),require("../../hovercard/HoverCardTrigger.js"),require("../../hovercard/HoverCardContent.js"),require("../../table/index.js"),require("../../flex/styled.js");var t=require("../../node_modules/lodash-es/isObject.js");const a=r.forwardRef(({id:a="",className:o="",disabled:u,variant:d,value:l,defaultValue:n,children:c,onChange:q,onUpdate:j},p)=>{const h=r.useId(),[x,v]=r.useState([]),[f,m]=r.useState([]),[C,b]=r.useState(""),[g,y]=r.useState(a);r.useEffect(()=>{""===a&&y("itd-checkbox-group-"+h)},[]),r.useEffect(()=>{v(T)},[c]),r.useEffect(()=>{n&&m(n)},[]),r.useEffect(()=>{l&&(s.default(f,l)||m(l))},[l]),r.useEffect(()=>{let e=[];f.forEach(r=>{e.push(r)}),q&&q(e),S(e)},[f]);const k=()=>{if(c)return E(c)};let T=[];const E=e=>r.Children.map(e,e=>{if(!t.default(e))return e;let s;if(e.type===i.default){let i={ref:r.createRef(),onChange:e=>{(e=>{let r=f;if(e.value){if(e.checked)r=[...f,e.value];else{const s=f.indexOf(e.value);if(s>-1){let e=[...f];e.splice(s,1),r=e}}m(r)}})(e)},children:E(e.props.children)};f.indexOf(e.props.value)>-1&&!e.props.disabled&&(i.checked=!0),void 0!==u&&(i.disabled=u),void 0!==d&&void 0===e.props.variant&&(i.variant=d),s=r.cloneElement(e,i),T.push(e.props.value)}else s=r.cloneElement(e,{children:E(e.props.children)});return s});r.useImperativeHandle(p,()=>({reset(e=!0,r=!0){this.selectAll(!1),m([]),b(""),S([],e,r)},setValue(e=[],r=!0,s=!0){m(e),S(e,r,s)},getValue:()=>f,setError(e=""){b(e)},clear(){m([]),this.selectAll(!1)},selectAll(e){m(e?x:[]),S(e?x:[]),q&&q(e?x:[])}}));const S=(e,r=!0,s=!0)=>{j&&j(e,r,s)},H=r.useMemo(()=>{let e="itd-checkbox-group";return""!==C&&(e+=" itd-checkbox-group-error"),u&&(e+=" itd-checkbox-group-disabled"),""!==o&&(e+=" "+o),e},[C,u,o]);return e.jsx("div",{id:g,className:H,children:k()})});a.displayName="ITD-CheckboxGroup",exports.default=a;

package/dist/cjs/checkbox/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./group/index.js"),a=require("../utils/CommonStyledComponents.js"),s=require("../utils/ErrorAnnouncement.js"),c=require("../enums/enum.js");const i=t.forwardRef(({id:r="",checked:i=!1,indeterminate:n=!1,disabled:o=!1,readOnly:d=!1,variant:u=c.ComponentVariants.DEFAULT,animated:l=!1,className:h="",value:x,children:m,onChange:p,onUpdate:f},b)=>{const k=t.useRef(null),v=t.useId(),[E,j]=t.useState(!1),[g,N]=t.useState(l),[S,y]=t.useState(!1),[C,q]=t.useState(!1),[A,D]=t.useState(""),[P,T]=t.useState(!1),[I,M]=t.useState(r);t.useEffect(()=>{""===r&&M("itd-checkbox-"+v)},[]),t.useEffect(()=>{null!=i&&(j(i),L(i))},[i]),t.useEffect(()=>{N(l)},[l]),t.useEffect(()=>{null!=n&&(y(n),k.current&&(k.current.indeterminate=!!n,k.current.setAttribute("aria-checked",n?"mixed":E?"true":"false")))},[n]),t.useEffect(()=>{k.current&&(k.current.indeterminate=!!S,k.current.setAttribute("aria-checked",S?"mixed":E?"true":"false"))},[S,E]),t.useImperativeHandle(b,()=>({reset(e=!0,t=!0){const r=i||!1;j(r),D(""),L(r,e,t)},setValue(e=!1,t=!0,r=!0){j(e),L(e,t,r)},getValue:()=>E,setError(e=""){D(e)},setDisabled(e=!0){q(e)},forceUpdate(){L(E)},clear(){j(!1)}}));const F=e=>{d||o?e.preventDefault():(E||D(""),p&&p({checked:!E,value:x,className:"itd-checkbox",disabled:o||C,target:k,stopPropagation:e.stopPropagation,preventDefault:e.preventDefault}),N(!0),y(!1),j(!E),L(!E))},L=(e,t=!0,r=!0)=>{f&&f(e,t,r)},O=()=>{if(""!==A&&!o)return e.jsx(a.ErrorTooltip,{className:"itd-checkbox-error-tooltip",position:c.TooltipPositions.TOP_LEFT,offsetX:-4,"aria-hidden":"true",children:A})},U=t.useMemo(()=>{let e="itd-checkbox";return e+=" itd-checkbox-"+u,E&&(e+=" itd-checkbox-selected"),P&&(e+=" itd-checkbox-active"),""!==A&&(e+=" itd-checkbox-error"),(o||C)&&(e+=" itd-checkbox-disabled"),d&&(e+=" itd-checkbox-readonly"),""!==h&&(e+=" "+h),e},[u,E,P,A,o,C,d,h]),V=()=>!o&&("boolean"==typeof E?E:"true"===E);return e.jsxs("div",{className:U,children:[e.jsxs("div",{className:"itd-checkbox-inner-wrapper",onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1),children:[e.jsx("span",{className:"itd-checkbox-checkmark",...E?{"data-checked":""}:{},...g?{"data-animated":""}:{},...S?{"data-indeterminate":""}:{},children:e.jsx("input",{className:"itd-checkbox-input",id:I,ref:k,type:"checkbox",disabled:o||C,checked:V(),value:V().toString(),onChange:F,tabIndex:o||C?-1:0,"data-readonly":d?"true":"false","aria-checked":S?"mixed":V()?"true":"false",...s.getErrorAriaProps(I,""!==A)})}),e.jsx("label",{className:"itd-checkbox-label",htmlFor:I,children:m})]}),""===A||o?null:e.jsx(s.ErrorAnnouncement,{id:s.getErrorId(I),message:A}),O()]})});i.Group=r.default,i.displayName="ITD-Checkbox",exports.CheckboxGroup=r.default,exports.default=i;

package/dist/cjs/context/ITDContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../modal/index.js"),r=require("../notification/index.js"),n=require("./ITDThemeProvider.js"),o=require("./styled.js");const s=e=>"tr"===e?"DD/MM/YYYY":"en"===e?"MM/DD/YYYY":"DD/MM/YYYY",d=t.createContext({});d.displayName="ITDContext";exports.ITDProvider=u=>{const i=u.theme||("undefined"==typeof window?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),[c,l]=t.useState(i),[m,h]=t.useState(u.dateFormat||s(u.language)),[g,f]=t.useState(u.language?u.language:"en"),[p,x]=t.useState("en-US"),[k,v]=t.useState("");t.useEffect(()=>{u.theme&&l(u.theme),u.language&&f(u.language),u.dateFormat&&h(u.dateFormat)},[u.theme,u.language,u.dateFormat]),t.useEffect(()=>{if(u.theme||"undefined"==typeof window)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),t=e=>{l(e.matches?"dark":"light")};return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[u.theme]);const D=t.useCallback(e=>{console.log("changeTheme",e),l(e)},[]);t.useEffect(()=>{"undefined"!=typeof document&&(document.body.setAttribute("data-theme",c),document.documentElement.setAttribute("data-theme",c))},[c]);const Y=t.useCallback(e=>{v(e)},[]),b=t.useCallback(e=>{h(e)},[]),j=t.useCallback(e=>{x(e)},[]),w=t.useCallback(e=>{f(e),u.dateFormat||h(s(e))},[u.dateFormat]),M=t.useMemo(()=>({theme:c,brokenImage:k,dateFormat:m,language:g,locale:p,changeTheme:D,changeBrokenImage:Y,changeDateFormat:b,changeLanguage:w,changeLocale:j}),[c,k,m,g,p,D,Y,b,w,j]),y=t.useRef(null);return e.jsx(o.Wrapper,{ref:y,className:"itd-provider","data-theme":c,"data-lang":g,children:e.jsx(n.default,{themeName:"dark"===c?"dark":"light",surfaceBase:u.surfaceBase,primaryBase:u.primaryBase,containerRef:y,children:e.jsx(d.Provider,{value:M,children:e.jsx(r.NotificationProvider,{children:e.jsx(a.ModalProvider,{children:u.children})})})})})},exports.default=d,exports.useITD=()=>{const e=t.useContext(d);if(!e)throw new Error("useITD must be used within ITDProvider");return e};

package/dist/cjs/context/ITDThemeProvider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../helpers/theme/createTheme.js"),s=require("../helpers/theme/cssVariables.js"),a=require("../helpers/theme/light.js"),u=require("../helpers/theme/dark.js");exports.default=function({themeName:c="light",surfaceBase:h,primaryBase:i,customTheme:l,containerRef:m,children:n}){const o=r.useMemo(()=>{if(h||i){const e={surfaceBase:h||("dark"===c?"oklch(0.44 0.04 260)":"oklch(0.44 0 0)"),primaryBase:i||("dark"===c?"oklch(0.80 0.16 90)":"oklch(0.62 0.18 250)")};return t.createTheme(c,e)}return"dark"===c?u.default:a.default},[c,h,i]),d=r.useMemo(()=>({...o,...l}),[o,l]);return r.useEffect(()=>{s.injectThemeVars(d,m?.current)},[d,m]),e.jsx(e.Fragment,{children:n})};

package/dist/cjs/context/styled.js

@@ -0,0 +1,15 @@
+"use strict";const e=require("styled-components").div`
+
+  /* Theme-aware selection colors */
+  ::selection {
+    background: var(--itd-selection);
+    color: var(--itd-selection-foreground);
+  }
+
+  /* Tüm child elementler için de geçerli */
+  * ::selection {
+    background: var(--itd-selection);
+    color: var(--itd-selection-foreground);
+  }
+
+`;exports.Wrapper=e;

package/dist/cjs/datepicker/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-transition-group");require("../helpers/datetime/dayjsSetup.js");var a=require("../utils/GetSizeSlugBySize.js"),i=require("../locales/tr/calendar.json.js"),l=require("../locales/en/calendar.json.js"),s=require("../context/ITDContext.js");require("../helpers/theme/cssVariables.js"),require("../helpers/theme/light.js"),require("../helpers/theme/dark.js"),require("../helpers/theme/tokens.js");var o=require("../enums/enum.js");require("../utils/InlineSVGCached.js"),require("../helpers/svg/styles.js"),require("../logger/index.js"),require("react-router-dom"),require("axios"),require("../html/header/styled.js"),require("../select/index.js"),require("../form/index.js"),require("../checkbox/index.js"),require("../accordion/index.js");var d=require("../calendar/index.js"),u=require("../input/index.js");require("../textarea/index.js"),require("../switch/index.js"),require("../upload/index.js"),require("react-dom"),require("../button/index.js"),require("../modal/modal/styled.js"),require("../modal/container/styled.js"),require("../modal/context/ModalContext.js"),require("../notification/context/NotificationsContext.js"),require("../radio/index.js"),require("../image/index.js"),require("../alert/index.js"),require("../result/index.js"),require("../alink/index.js"),require("../back-top/styled.js"),require("../progress/styled.js"),require("../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js"),require("../tinyscrollbar/scroll.styled.js"),require("../label/index.js"),require("../card/Card.js"),require("../card/CardHeader.js"),require("../card/CardTitle.js"),require("../card/CardDescription.js"),require("../card/CardAction.js"),require("../card/CardTabs.js"),require("../card/CardContent.js"),require("../card/CardFooter.js"),require("../popover/PopoverContent.js"),require("../popover/Popover.js"),require("../popover/PopoverTrigger.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipTrigger.js"),require("../tooltip/TooltipContent.js"),require("../hovercard/HoverCard.js"),require("../hovercard/HoverCardTrigger.js"),require("../hovercard/HoverCardContent.js"),require("../table/index.js"),require("../flex/styled.js");var n=require("../_virtual/dayjs.min.js"),c=require("../node_modules/lucide-react/dist/esm/icons/calendar-1.js"),f=require("../node_modules/lucide-react/dist/esm/icons/circle-x.js");const j=r.forwardRef(({id:j="",placeholder:p="",mask:q="##/##/####",size:m=o.ComponentSizes.DEFAULT,variant:x="default",disabled:v=!1,locked:g=!1,position:b=o.ComponentXPositions.LEFT,className:h="",value:k="",defaultValue:z="",suffix:C,onUpdate:y,onChange:E,disabledDate:S,calendarLocale:D},M)=>{const T=r.useRef(null),Y=r.useId(),{locale:_,language:N}=r.useContext(s.default),F=r.useRef(null),V=r.useRef(null),$=r.useMemo(()=>D||("tr"===N?i.default:l.default),[D,N]),L=r.useMemo(()=>$.format,[$]),[P,R]=r.useState(""),[H,w]=r.useState(""),[I,O]=r.useState(!1),[A,B]=r.useState(j),[G,U]=r.useState({localizated:"",global:""}),[K,W]=r.useState(!1);r.useEffect(()=>(""===j&&B("itd-datepicker-"+Y),""!==z&&(R(n.default(z).locale(_).format(L)),U({localizated:n.default(z).locale(_).format(L),global:z})),()=>{J(!1)}),[]),r.useEffect(()=>{""!==k&&(R(n.default(k).locale(_).format(L)),U({localizated:n.default(k).locale(_).format(L),global:k}))},[k]),r.useEffect(()=>{J(I)},[I]),r.useEffect(()=>{V.current&&V.current.setError?.(H)},[H]),r.useEffect(()=>{""!==P&&(U({localizated:n.default(G.global).locale(_).format(L),global:G.global}),R(n.default(G.global).locale(_).format(L)))},[_,N,L]);const X=(e,r=!0,t=!0,a=!1)=>{if(!a&&(""===e.localizated||e.localizated===P))return;const i=le(e.localizated),l=i?e.global:"";R(i?e.localizated:""),y&&y(l,r,t)};r.useImperativeHandle(M,()=>({reset(e=!0,r=!0){w(""),U({localizated:"",global:""}),X("",e,r,!0)},setValue(e,r=!0,t=!0){if(G.global===e)return;const a={localizated:n.default(e).locale(_).format(L),global:e};U(a),X(a,r,t)},getValue:()=>""!==G.localizated?G.global:"",setError(e){w(e)},clear(){}}));const J=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",Q)},Q=e=>{I&&F.current&&!F.current.contains(e.target)&&O(!1)},Z=e=>{const r=e.key;if(!/^[0-9]$/.test(r))return"Enter"===r||" "===r?(v||g||O(!0),void e.preventDefault()):void("Escape"!==r&&"Esc"!==r&&"Tab"!==r||O(!1));v||g||O(!0)},ee=()=>{},re=()=>{g||(V.current&&V.current.setFocus&&V.current.setFocus(),O(!0))},te=()=>{const e=q?.replace(/[^/(.*?)]/g,"_"),r=P;if(""===r)return void(""!==G.localizated&&R(G.localizated));(r.includes("_")||r===e||!le(r))&&(""!==G.localizated?R(G.localizated):R(""))},ae=e=>{O(!1),U(e),X(e,!0),E&&E(e)},ie=e=>{if(!e||""===e)return n.default().startOf("day");if("DD/MM/YYYY"===L){const r=e.split("/");if(3===r.length){const[e,t,a]=r;return n.default(`${a}-${t}-${e}`)}}else if("MM/DD/YYYY"===L){const r=e.split("/");if(3===r.length){const[e,t,a]=r;return n.default(`${a}-${e}-${t}`)}}return n.default(e,L,!0)},le=e=>{if(!e||e.includes("_"))return!1;let r=ie(e).isValid(),t=!1;return S&&(t=S(ie(e))),r&&!t},se=r.useMemo(()=>{let e="itd-date-picker";return e+=" itd-date-picker-"+a.default(m),e+=" itd-date-picker-"+x,v&&(e+=" itd-date-picker-disabled"),g&&(e+=" itd-date-picker-locked"),H&&(e+=" itd-date-picker-error"),I&&(e+=" itd-date-picker-open"),""!==h&&(e+=" "+h),e},[v,g,H,I,h]);return e.jsxs("div",{className:se,...v?{"data-disabled":""}:{},ref:F,onClick:v||g?void 0:re,children:[e.jsx("div",{onMouseEnter:()=>{W(!0)},onMouseLeave:()=>W(!1),children:e.jsx(u.default,{id:A,placeholder:p,value:P,mask:q,size:m,variant:x,autoComplete:"off",onChange:e=>(e=>{const r=le(e),t=q?.replace(/[^/(.*?)]/g,"_"),a={localizated:e,global:ie(e).format("YYYY-MM-DD")};w(""),r?(X(a),U(a)):R(""===e||e===t?"":e)})(String(e)),onFocus:ee,onKeyDown:Z,onBlur:te,keepFocus:I,focusRef:F,ref:V,disabled:v,locked:g,suffix:g?null:e.jsx("div",{className:"itd-datepicker-suffix",children:K&&""!==G.localizated&&!v?e.jsx("div",{className:"itd-datepicker-remove-button",onClick:e=>{K&&""!==G.localizated&&(e.preventDefault(),e.stopPropagation(),U({localizated:"",global:""}),R(""),O(!1),E&&E({localizated:"",global:""}),y&&y("",!0,!0))},children:e.jsx(f.default,{size:16,className:"itd-datepicker-remove-icon clear"})}):C||e.jsx("span",{className:"itd-datepicker-icon",style:{opacity:1},children:e.jsx(c.default,{size:16,strokeWidth:2})})})})}),e.jsx(t.CSSTransition,{in:I,timeout:200,classNames:"datepicker-modal",nodeRef:T,unmountOnExit:!0,children:e.jsx("div",{className:"itd-datepicker-calendar","data-position":b,ref:T,children:e.jsx(d.default,{value:G.localizated,defaultValue:G.localizated,onChange:ae,disabledDate:S,locale:$})})})]})});exports.default=j;

package/dist/cjs/enums/enum.js

@@ -0,0 +1 @@
+"use strict";var o,e,t,s,i,n,p,r,l,a,m,x,E,T,d,L,S;exports.ModalState=void 0,(o=exports.ModalState||(exports.ModalState={})).NOT_SHOW="modal-not-show",o.BEGIN="modal-begin",o.ENTERING="modal-entering",o.ENTERED="modal-entered",o.EXITING="modal-exiting",o.EXITED="modal-exited",o.REMOVED="modal-removed",o.OK_CLICK="modal-ok-button-click",o.CANCEL_CLICK="modal-cancel-button-click",o.CLOSE_CLICK="modal-close-button-click",o.OUTSIDE_CLICK="modal-outside-click",o.ESC_CLICK="modal-esc-click",o.ALL_REMOVED="modal-all-removed",exports.FileTypes=void 0,(e=exports.FileTypes||(exports.FileTypes={})).SVG="image/svg+xml",e.PNG="image/png",e.JPG="image/jpg",e.JPEG="image/jpeg",e.GIF="image/gif",e.PDF="application/pdf",e.OTF="font/otf",exports.FileExtensions=void 0,(t=exports.FileExtensions||(exports.FileExtensions={})).SVG=".svg",t.PNG=".png",t.JPG=".jpg",t.GIF=".gif",t.PDF=".pdf",t.OTF=".otf",exports.FormValidations=void 0,(s=exports.FormValidations||(exports.FormValidations={})).REQUIRED="required",s.TYPE="type",exports.FormValidationTypes=void 0,(i=exports.FormValidationTypes||(exports.FormValidationTypes={})).MIN_LENGTH="minLength",i.MAX_LENGTH="maxLength",i.EXACT_LENGTH="exactLength",i.SAME="same",i.NOT_SAME="notSame",i.TC_IDENTITY="TCIdentity",i.PASSWORD="password",i.EMAIL="email",i.USERNAME="username",i.SITE_USERNAME="siteUsername",i.ADMIN_USERNAME="adminUsername",i.URL="url",i.FORBIDDEN_WORDS="forbiddenWords",exports.ConnectionStatus=void 0,(n=exports.ConnectionStatus||(exports.ConnectionStatus={})).ONLINE="online",n.OFFLINE="offline",exports.ComponentSizes=void 0,(p=exports.ComponentSizes||(exports.ComponentSizes={})).X_SMALL="x-small",p.SMALL="small",p.MEDIUM="medium",p.DEFAULT="default",p.LARGE="large",p.X_LARGE="x-large",exports.ComponentSizesSlug=void 0,(r=exports.ComponentSizesSlug||(exports.ComponentSizesSlug={})).X_SMALL="xs",r.SMALL="sm",r.MEDIUM="md",r.DEFAULT="df",r.LARGE="lg",r.X_LARGE="xlg",exports.ButtonSizes=void 0,(l=exports.ButtonSizes||(exports.ButtonSizes={})).X_SMALL="x-small",l.SMALL="small",l.MEDIUM="medium",l.DEFAULT="default",l.LARGE="large",l.X_LARGE="x-large",l.ICON="icon",l.ICON_SM="icon-sm",l.ICON_LG="icon-lg",exports.ButtonSizesSlug=void 0,(a=exports.ButtonSizesSlug||(exports.ButtonSizesSlug={})).X_SMALL="xs",a.SMALL="sm",a.MEDIUM="md",a.DEFAULT="df",a.LARGE="lg",a.X_LARGE="xlg",a.ICON="icon",a.ICON_SM="icon-sm",a.ICON_LG="icon-lg",exports.ComponentXPositions=void 0,(m=exports.ComponentXPositions||(exports.ComponentXPositions={})).LEFT="left",m.RIGHT="right",exports.ComponentYPositions=void 0,(x=exports.ComponentYPositions||(exports.ComponentYPositions={})).TOP="top",x.BOTTOM="bottom",exports.ComponentVariants=void 0,(E=exports.ComponentVariants||(exports.ComponentVariants={})).DEFAULT="default",E.FILLED="filled",E.CUSTOM="custom",exports.ButtonTypes=void 0,(T=exports.ButtonTypes||(exports.ButtonTypes={})).BUTTON="button",T.SUBMIT="submit",T.RESET="reset",exports.TooltipPositions=void 0,(d=exports.TooltipPositions||(exports.TooltipPositions={})).TOP_LEFT="top-left",d.TOP_RIGHT="top-right",d.BOTTOM_LEFT="bottom-left",d.BOTTOM_RIGHT="bottom-right",exports.TriggerTypes=void 0,(L=exports.TriggerTypes||(exports.TriggerTypes={})).HOVER="hover",L.CLICK="click",L.FOCUS="focus",L.MANUAL="manual",exports.ThemeAppearances=void 0,(S=exports.ThemeAppearances||(exports.ThemeAppearances={})).LIGHT="light",S.DARK="dark";

package/dist/cjs/flex/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./styled.js");exports.default=({gap:t,justify:s,align:a,vertical:l,wrap:i,stretch:c,style:p,className:u,children:d})=>e.jsx(r.Wrapper,{$gap:t,$justify:s,$align:a,$vertical:l,$wrap:i,$stretch:c,style:p,className:u,children:d});

package/dist/cjs/flex/styled.js

@@ -0,0 +1,35 @@
+"use strict";var s=require("styled-components");const e=s.div`
+
+  display     : flex;
+
+  ${e=>{if(e.$stretch&&!0===e.$stretch)return e.$vertical&&!0===e.$vertical?s.css`
+            height : 100%;
+          `:s.css`
+            width : 100%;
+          `}}
+
+  ${e=>{if(e.$wrap)return!0===e.$wrap&&s.css`
+        flex-wrap : wrap;
+      `}}
+
+  ${e=>e.$vertical?!0===e.$vertical&&s.css`
+        flex-direction : column;
+      `:s.css`
+        flex-direction : row;
+      `}
+
+  ${e=>{if(e.$justify)return s.css`
+        justify-content : ${e.$justify};
+      `}}
+
+  ${e=>e.$align?s.css`
+        align-items : ${e.$align};
+      `:s.css`
+        align-items : center;
+      `}
+
+  ${e=>{if(e.$gap){let t=0,r="";return"small"===e.$gap?t=10:"medium"===e.$gap?t=16:"large"===e.$gap?t=24:"string"==typeof e.$gap?r=e.$gap:t=e.$gap,""===r&&(r=t+"px"),s.css`
+        gap : ${r};
+      `}}}
+
+`;exports.Wrapper=e;

package/dist/cjs/floating/Arrow.js

@@ -0,0 +1,108 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("react/jsx-runtime"),r=require("styled-components"),t=require("react"),e=require("../enums/enum.js");const a=r.div`
+  position: absolute;
+
+  /* Top placement - arrow below */
+  &[data-placement="${e.ComponentYPositions.TOP}"] {
+    top: 100%;
+    width: 10px;
+    height: 5px;
+
+    /* Outer layer for border - only if data-border-color is set */
+    &[data-border-color] {
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top: 5px solid var(--border-color);
+    }
+    
+    /* ::after for inner fill - only if borderColor is set */
+    &[data-border-color]::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      top: -6.5px;
+      left: calc(50% - 5px); /* Center: arrow width (10px) / 2 = 5px, minus half of triangle width (5px) */
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top: 5px solid var(--arrow-color);
+    }
+  }
+
+  /* Bottom placement - arrow above */
+  &[data-placement="${e.ComponentYPositions.BOTTOM}"] {
+    bottom: 100%;
+    width: 10px;
+    height: 5px;
+
+    &[data-border-color] {
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-bottom: 5px solid var(--border-color);
+      filter: drop-shadow(0px -1px 1px rgba(0, 0, 0, 0.03));
+    }
+    
+    &[data-border-color]::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      bottom: -6.5px;
+      left: calc(50% - 5px); /* Center: arrow width (10px) / 2 = 5px, minus half of triangle width (5px) */
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-bottom: 5px solid var(--arrow-color);
+    }
+  }
+
+  /* Left placement - arrow right */
+  &[data-placement="${e.ComponentXPositions.LEFT}"] {
+    left: 100%;
+    width: 5px;
+    height: 10px;
+
+    &[data-border-color] {
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+      border-left: 5px solid var(--border-color);
+      filter: drop-shadow(1px 0px 1px rgba(0, 0, 0, 0.03));
+    }
+    
+    &[data-border-color]::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      left: -6.5px;
+      top: calc(50% - 5px); /* Center: arrow height (10px) / 2 = 5px, minus half of triangle height (5px) */
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+      border-left: 5px solid var(--arrow-color);
+    }
+  }
+
+  /* Right placement - ok solda */
+  &[data-placement="${e.ComponentXPositions.RIGHT}"] {
+    right: 100%;
+    width: 5px;
+    height: 10px;
+
+    &[data-border-color] {
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+      border-right: 5px solid var(--border-color);
+      filter: drop-shadow(-1px 0px 1px rgba(0, 0, 0, 0.03));
+    }
+    
+    &[data-border-color]::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      right: -6.5px;
+      top: calc(50% - 5px); /* Center: arrow height (10px) / 2 = 5px, minus half of triangle height (5px) */
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+      border-right: 5px solid var(--arrow-color);
+    }
+  }
+`,n=({placement:r,color:n,borderColor:i})=>{const p=t.useRef(null);return t.useEffect(()=>{const o=p.current;if(!o)return;const t=o.parentElement;if(!t)return;const a=()=>{const n=t.offsetWidth,i=t.offsetHeight;if(!n||!i)return void requestAnimationFrame(a);const p=o.offsetWidth||10,s=o.offsetHeight||10;if(r===e.ComponentYPositions.TOP||r===e.ComponentYPositions.BOTTOM){const r=n/2,t=Math.round(r-p/2);o.style.left=`${t}px`,o.style.right="auto",o.style.transform="none"}else if(r===e.ComponentXPositions.LEFT||r===e.ComponentXPositions.RIGHT){const r=i/2,t=Math.round(r-s/2);o.style.top=`${t}px`,o.style.bottom="auto",o.style.transform="none"}},n=new ResizeObserver(()=>{requestAnimationFrame(a)});n.observe(t);const i=setTimeout(()=>{requestAnimationFrame(a)},0);return()=>{clearTimeout(i),n.disconnect()}},[r]),o.jsx(a,{ref:p,"data-placement":r,"data-border-color":i,style:{"--arrow-color":n||"var(--itd-popover)","--border-color":i}})};exports.Arrow=n,exports.default=n;