denwa-react-shared 1.0.87 → 1.0.89

package/dist/{table-head-V4MoUZSY.js → table-head-Dhg7yOFA.js}

@@ -1,4 +1,4 @@
-import { _ as F, u as Ce, C as Re, a as G, c as X, b as de, d as je, e as Oe, o as Ne, f as ie, g as L, h as ue, i as Me, m as Ee, r as Ie, j as He, k as B, l as Pe, t as Ve, n as De, p as Be, q as Te, I as Ae, s as _e, v as ze, w as Fe, x as Ke, T as Le, y as v, F as U, z as W, S as Z, B as We, A as Xe, D as qe, E as Ue, G as J, H as oe, R as Ge } from "./index-BsL--dhU.js";
+import { _ as F, u as Ce, C as Re, a as G, c as X, b as de, d as je, e as Oe, o as Ne, f as ie, g as L, h as ue, i as Me, m as Ee, r as Ie, j as He, k as B, l as Pe, t as Ve, n as De, p as Be, q as Te, I as Ae, s as _e, v as ze, w as Fe, x as Ke, T as Le, y as v, F as U, z as W, S as Z, B as We, A as Xe, D as qe, E as Ue, G as J, H as oe, R as Ge } from "./index-DQufMkbF.js";
 import * as i from "react";
 import { useState as Ye, useMemo as Je, createElement as Ze } from "react";
 var le = function(t, n) {

package/dist/{table-head-ByE_XMtl.cjs → table-head-Tj5W8nwu.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-UAPQw7y7.cjs"),K=require("react");function me(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const o=me(K);var J=function(t,i){if(!t)return null;var a={left:t.offsetLeft,right:t.parentElement.clientWidth-t.clientWidth-t.offsetLeft,width:t.clientWidth,top:t.offsetTop,bottom:t.parentElement.clientHeight-t.clientHeight-t.offsetTop,height:t.clientHeight};return i?{left:0,right:0,width:0,top:a.top,bottom:a.bottom,height:a.height}:{left:a.left,right:a.right,width:a.width,top:0,bottom:0,height:0}},T=function(t){return t!==void 0?"".concat(t,"px"):void 0};function fe(e){var t=e.prefixCls,i=e.containerRef,a=e.value,r=e.getValueIndex,s=e.motionName,p=e.onMotionStart,h=e.onMotionEnd,b=e.direction,S=e.vertical,d=S===void 0?!1:S,$=o.useRef(null),w=o.useState(a),R=n._slicedToArray(w,2),v=R[0],M=R[1],C=function(P){var m,B=r(P),_=(m=i.current)===null||m===void 0?void 0:m.querySelectorAll(".".concat(t,"-item"))[B];return(_==null?void 0:_.offsetParent)&&_},E=o.useState(null),f=n._slicedToArray(E,2),l=f[0],N=f[1],V=o.useState(null),x=n._slicedToArray(V,2),c=x[0],I=x[1];n.useLayoutEffect(function(){if(v!==a){var u=C(v),P=C(a),m=J(u,d),B=J(P,d);M(a),N(m),I(B),u&&P?p():h()}},[a]);var y=o.useMemo(function(){if(d){var u;return T((u=l==null?void 0:l.top)!==null&&u!==void 0?u:0)}return T(b==="rtl"?-(l==null?void 0:l.right):l==null?void 0:l.left)},[d,b,l]),O=o.useMemo(function(){if(d){var u;return T((u=c==null?void 0:c.top)!==null&&u!==void 0?u:0)}return T(b==="rtl"?-(c==null?void 0:c.right):c==null?void 0:c.left)},[d,b,c]),D=function(){return d?{transform:"translateY(var(--thumb-start-top))",height:"var(--thumb-start-height)"}:{transform:"translateX(var(--thumb-start-left))",width:"var(--thumb-start-width)"}},H=function(){return d?{transform:"translateY(var(--thumb-active-top))",height:"var(--thumb-active-height)"}:{transform:"translateX(var(--thumb-active-left))",width:"var(--thumb-active-width)"}},A=function(){N(null),I(null),h()};return!l||!c?null:o.createElement(n.CSSMotion,{visible:!0,motionName:s,motionAppear:!0,onAppearStart:D,onAppearActive:H,onVisibleChanged:A},function(u,P){var m=u.className,B=u.style,_=n._objectSpread2(n._objectSpread2({},B),{},{"--thumb-start-left":y,"--thumb-start-width":T(l==null?void 0:l.width),"--thumb-active-left":O,"--thumb-active-width":T(c==null?void 0:c.width),"--thumb-start-top":y,"--thumb-start-height":T(l==null?void 0:l.height),"--thumb-active-top":O,"--thumb-active-height":T(c==null?void 0:c.height)}),F={ref:n.composeRef($,P),style:_,className:n.cn("".concat(t,"-thumb"),m)};return process.env.NODE_ENV==="test"&&(F["data-test-style"]=JSON.stringify(_)),o.createElement("div",F)})}var ve=["prefixCls","direction","vertical","options","disabled","defaultValue","value","name","onChange","className","motionName"];function ge(e){if(typeof e.title<"u")return e.title;if(n._typeof(e.label)!=="object"){var t;return(t=e.label)===null||t===void 0?void 0:t.toString()}}function he(e){return e.map(function(t){if(n._typeof(t)==="object"&&t!==null){var i=ge(t);return n._objectSpread2(n._objectSpread2({},t),{},{title:i})}return{label:t==null?void 0:t.toString(),title:t==null?void 0:t.toString(),value:t}})}var be=function(t){var i=t.prefixCls,a=t.className,r=t.disabled,s=t.checked,p=t.label,h=t.title,b=t.value,S=t.name,d=t.onChange,$=t.onFocus,w=t.onBlur,R=t.onKeyDown,v=t.onKeyUp,M=t.onMouseDown,C=function(f){r||d(f,b)};return o.createElement("label",{className:n.cn(a,n._defineProperty({},"".concat(i,"-item-disabled"),r)),onMouseDown:M},o.createElement("input",{name:S,className:"".concat(i,"-item-input"),type:"radio",disabled:r,checked:s,onChange:C,onFocus:$,onBlur:w,onKeyDown:R,onKeyUp:v}),o.createElement("div",{className:"".concat(i,"-item-label"),title:h,"aria-selected":s},p))},ee=o.forwardRef(function(e,t){var i,a,r=e.prefixCls,s=r===void 0?"rc-segmented":r,p=e.direction,h=e.vertical,b=e.options,S=b===void 0?[]:b,d=e.disabled,$=e.defaultValue,w=e.value,R=e.name,v=e.onChange,M=e.className,C=M===void 0?"":M,E=e.motionName,f=E===void 0?"thumb-motion":E,l=n._objectWithoutProperties(e,ve),N=o.useRef(null),V=o.useMemo(function(){return n.composeRef(N,t)},[N,t]),x=o.useMemo(function(){return he(S)},[S]),c=n.useMergedState((i=x[0])===null||i===void 0?void 0:i.value,{value:w,defaultValue:$}),I=n._slicedToArray(c,2),y=I[0],O=I[1],D=o.useState(!1),H=n._slicedToArray(D,2),A=H[0],u=H[1],P=function(j,z){O(z),v==null||v(z)},m=n.omit(l,["children"]),B=o.useState(!1),_=n._slicedToArray(B,2),F=_[0],X=_[1],ae=o.useState(!1),q=n._slicedToArray(ae,2),ie=q[0],U=q[1],oe=function(){U(!0)},re=function(){U(!1)},le=function(){X(!1)},se=function(j){j.key==="Tab"&&X(!0)},G=function(j){var z=x.findIndex(function(de){return de.value===y}),Y=x.length,ue=(z+j+Y)%Y,L=x[ue];L&&(O(L.value),v==null||v(L.value))},ce=function(j){switch(j.key){case"ArrowLeft":case"ArrowUp":G(-1);break;case"ArrowRight":case"ArrowDown":G(1);break}};return o.createElement("div",n._extends({role:"radiogroup","aria-label":"segmented control",tabIndex:d?void 0:0},m,{className:n.cn(s,(a={},n._defineProperty(a,"".concat(s,"-rtl"),p==="rtl"),n._defineProperty(a,"".concat(s,"-disabled"),d),n._defineProperty(a,"".concat(s,"-vertical"),h),a),C),ref:V}),o.createElement("div",{className:"".concat(s,"-group")},o.createElement(fe,{vertical:h,prefixCls:s,value:y,containerRef:N,motionName:"".concat(s,"-").concat(f),direction:p,getValueIndex:function(j){return x.findIndex(function(z){return z.value===j})},onMotionStart:function(){u(!0)},onMotionEnd:function(){u(!1)}}),x.map(function(g){var j;return o.createElement(be,n._extends({},g,{name:R,key:g.value,prefixCls:s,className:n.cn(g.className,"".concat(s,"-item"),(j={},n._defineProperty(j,"".concat(s,"-item-selected"),g.value===y&&!A),n._defineProperty(j,"".concat(s,"-item-focused"),ie&&F&&g.value===y),j)),checked:g.value===y,onChange:P,onFocus:oe,onBlur:re,onKeyDown:ce,onKeyUp:se,onMouseDown:le,disabled:!!d||!!g.disabled}))})))});process.env.NODE_ENV!=="production"&&(ee.displayName="Segmented");var pe=ee;function Z(e,t){return{[`${e}, ${e}:hover, ${e}:focus`]:{color:t.colorTextDisabled,cursor:"not-allowed"}}}function Q(e){return{backgroundColor:e.itemSelectedBg,boxShadow:e.boxShadowTertiary}}const xe=Object.assign({overflow:"hidden"},n.textEllipsis),Se=e=>{const{componentCls:t}=e,i=e.calc(e.controlHeight).sub(e.calc(e.trackPadding).mul(2)).equal(),a=e.calc(e.controlHeightLG).sub(e.calc(e.trackPadding).mul(2)).equal(),r=e.calc(e.controlHeightSM).sub(e.calc(e.trackPadding).mul(2)).equal();return{[t]:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.resetComponent(e)),{display:"inline-block",padding:e.trackPadding,color:e.itemColor,background:e.trackBg,borderRadius:e.borderRadius,transition:`all ${e.motionDurationMid} ${e.motionEaseInOut}`}),n.genFocusStyle(e)),{[`${t}-group`]:{position:"relative",display:"flex",alignItems:"stretch",justifyItems:"flex-start",flexDirection:"row",width:"100%"},[`&${t}-rtl`]:{direction:"rtl"},[`&${t}-vertical`]:{[`${t}-group`]:{flexDirection:"column"},[`${t}-thumb`]:{width:"100%",height:0,padding:`0 ${n.unit(e.paddingXXS)}`}},[`&${t}-block`]:{display:"flex"},[`&${t}-block ${t}-item`]:{flex:1,minWidth:0},[`${t}-item`]:{position:"relative",textAlign:"center",cursor:"pointer",transition:`color ${e.motionDurationMid} ${e.motionEaseInOut}`,borderRadius:e.borderRadiusSM,transform:"translateZ(0)","&-selected":Object.assign(Object.assign({},Q(e)),{color:e.itemSelectedColor}),"&-focused":Object.assign({},n.genFocusOutline(e)),"&::after":{content:'""',position:"absolute",zIndex:-1,width:"100%",height:"100%",top:0,insetInlineStart:0,borderRadius:"inherit",opacity:0,transition:`opacity ${e.motionDurationMid}`,pointerEvents:"none"},[`&:hover:not(${t}-item-selected):not(${t}-item-disabled)`]:{color:e.itemHoverColor,"&::after":{opacity:1,backgroundColor:e.itemHoverBg}},[`&:active:not(${t}-item-selected):not(${t}-item-disabled)`]:{color:e.itemHoverColor,"&::after":{opacity:1,backgroundColor:e.itemActiveBg}},"&-label":Object.assign({minHeight:i,lineHeight:n.unit(i),padding:`0 ${n.unit(e.segmentedPaddingHorizontal)}`},xe),"&-icon + *":{marginInlineStart:e.calc(e.marginSM).div(2).equal()},"&-input":{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:0,height:0,opacity:0,pointerEvents:"none"}},[`${t}-thumb`]:Object.assign(Object.assign({},Q(e)),{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:0,height:"100%",padding:`${n.unit(e.paddingXXS)} 0`,borderRadius:e.borderRadiusSM,transition:`transform ${e.motionDurationSlow} ${e.motionEaseInOut}, height ${e.motionDurationSlow} ${e.motionEaseInOut}`,[`& ~ ${t}-item:not(${t}-item-selected):not(${t}-item-disabled)::after`]:{backgroundColor:"transparent"}}),[`&${t}-lg`]:{borderRadius:e.borderRadiusLG,[`${t}-item-label`]:{minHeight:a,lineHeight:n.unit(a),padding:`0 ${n.unit(e.segmentedPaddingHorizontal)}`,fontSize:e.fontSizeLG},[`${t}-item, ${t}-thumb`]:{borderRadius:e.borderRadius}},[`&${t}-sm`]:{borderRadius:e.borderRadiusSM,[`${t}-item-label`]:{minHeight:r,lineHeight:n.unit(r),padding:`0 ${n.unit(e.segmentedPaddingHorizontalSM)}`},[`${t}-item, ${t}-thumb`]:{borderRadius:e.borderRadiusXS}}}),Z(`&-disabled ${t}-item`,e)),Z(`${t}-item-disabled`,e)),{[`${t}-thumb-motion-appear-active`]:{transition:`transform ${e.motionDurationSlow} ${e.motionEaseInOut}, width ${e.motionDurationSlow} ${e.motionEaseInOut}`,willChange:"transform, width"},[`&${t}-shape-round`]:{borderRadius:9999,[`${t}-item, ${t}-thumb`]:{borderRadius:9999}}})}},ye=e=>{const{colorTextLabel:t,colorText:i,colorFillSecondary:a,colorBgElevated:r,colorFill:s,lineWidthBold:p,colorBgLayout:h}=e;return{trackPadding:p,trackBg:h,itemColor:t,itemHoverColor:i,itemHoverBg:a,itemSelectedBg:r,itemActiveBg:s,itemSelectedColor:i}},je=n.genStyleHooks("Segmented",e=>{const{lineWidth:t,calc:i}=e,a=n.merge(e,{segmentedPaddingHorizontal:i(e.controlPaddingHorizontal).sub(t).equal(),segmentedPaddingHorizontalSM:i(e.controlPaddingHorizontalSM).sub(t).equal()});return[Se(a)]},ye);var k=function(e,t){var i={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(i[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(i[a[r]]=e[a[r]]);return i};function $e(e){return typeof e=="object"&&!!(e!=null&&e.icon)}const we=o.forwardRef((e,t)=>{const i=n.useId(),{prefixCls:a,className:r,rootClassName:s,block:p,options:h=[],size:b="middle",style:S,vertical:d,shape:$="default",name:w=i}=e,R=k(e,["prefixCls","className","rootClassName","block","options","size","style","vertical","shape","name"]),{getPrefixCls:v,direction:M,className:C,style:E}=n.useComponentConfig("segmented"),f=v("segmented",a),[l,N,V]=je(f),x=n.useSize(b),c=o.useMemo(()=>h.map(O=>{if($e(O)){const{icon:D,label:H}=O,A=k(O,["icon","label"]);return Object.assign(Object.assign({},A),{label:o.createElement(o.Fragment,null,o.createElement("span",{className:`${f}-item-icon`},D),H&&o.createElement("span",null,H))})}return O}),[h,f]),I=n.cn(r,s,C,{[`${f}-block`]:p,[`${f}-sm`]:x==="small",[`${f}-lg`]:x==="large",[`${f}-vertical`]:d,[`${f}-shape-${$}`]:$==="round"},N,V),y=Object.assign(Object.assign({},E),S);return l(o.createElement(pe,Object.assign({},R,{name:w,className:I,style:y,options:c,ref:t,prefixCls:f,direction:M,vertical:d})))}),te=we;process.env.NODE_ENV!=="production"&&(te.displayName="Segmented");var Re={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 01-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 01-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 00-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z"}}]},name:"redo",theme:"outlined"};function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},W.apply(this,arguments)}const Ce=(e,t)=>o.createElement(n.Icon,W({},e,{ref:t,icon:Re})),ne=o.forwardRef(Ce);process.env.NODE_ENV!=="production"&&(ne.displayName="RedoOutlined");const Oe=({datePickerComponent:e,searchText:t,noDateText:i,emptyText:a,searchSelect:r,radioOptions:s,searchOptions:p,searchType:h,textSearchValue:b="",dateSearchValue:S,numberSearchValue:d,multiselectSearchValue:$,multiselectOptions:w,onChangeSearch:R,onChangeTextSearch:v,onChangeRadioSearch:M,onChangeDateSearch:C,onChangeNumberSearch:E,onChangeMultiselectSearch:f})=>{const[l,N]=K.useState(b),{token:{borderRadius:V,colorBgBase:x,paddingXXS:c}}=n.theme.useToken(),{isMobileMaxWidth:I}=n.useMobileViewPort(),{isSmallMaxWidth:y}=n.useSmallViewPort(),O=K.useMemo(()=>y?2:I?5:15,[I,y]);n.useDebounce(()=>{v==null||v(l)},n.TIME.milliseconds.milliseconds500,[l]);const D=()=>{N("")},H=m=>{R(m),D()},A=m=>{N(m.target.value.replace(/"/g,""))},u=m=>{C==null||C(m)},P=m=>{!m&&m!==0||E==null||E(+m)};return n.jsxRuntimeExports.jsxs(n.Flex,{className:n.styles.flex,gap:"small",style:{padding:c,borderRadius:V,background:x},children:[n.jsxRuntimeExports.jsx(n.Select,{defaultValue:r,value:r,style:{width:120,minWidth:120},options:p,onChange:H}),{text:n.jsxRuntimeExports.jsx(n.Input,{placeholder:t,value:l,allowClear:!0,onChange:A}),radio:n.jsxRuntimeExports.jsx(te,{options:s,defaultValue:n.searchRadioDefaultValue,onChange:M}),date:K.createElement(e,{noDateText:i,currentValue:S??"",onChangeDate:u}),number:n.jsxRuntimeExports.jsx(n.BaseInputNumber,{emptyText:a,value:d,placeholder:t,min:0,max:2147483647,onChange:P}),multiselect:n.jsxRuntimeExports.jsx(n.Select,{className:n.styles.select,mode:"multiple",placeholder:t,maxTagCount:1,maxTagTextLength:O,showSearch:!1,allowClear:!0,options:w,value:$,onChange:f})}[h]]})},Ee=({sortTooltipText:e,updateDataText:t,refreshText:i,createText:a,createNewElementText:r,order:s,orderOptions:p,createButtonTooltip:h,searchProps:b,isCanCreate:S,isHiddenCreate:d,onCreate:$,onRefetch:w,onChangeOrder:R})=>n.jsxRuntimeExports.jsxs(n.Flex,{gap:"middle",justify:"space-between",wrap:"wrap",style:{marginBottom:n.THEME.OFFSET[1]},children:[n.jsxRuntimeExports.jsxs(n.Flex,{align:"center",gap:"middle",wrap:"wrap",children:[n.jsxRuntimeExports.jsx(Oe,{...b}),n.jsxRuntimeExports.jsx(n.Tooltip,{title:e,children:n.jsxRuntimeExports.jsx(n.Select,{className:n.styles.sort,value:s,options:p,onChange:R})})]}),n.jsxRuntimeExports.jsxs(n.Flex,{className:n.styles.buttonsContainer,gap:"small",align:"center",children:[w&&n.jsxRuntimeExports.jsx(n.Tooltip,{title:t,children:n.jsxRuntimeExports.jsx(n.Button,{className:n.styles.button,icon:n.jsxRuntimeExports.jsx(ne,{}),onClick:w,children:i})}),!d&&S&&n.jsxRuntimeExports.jsx(n.Tooltip,{title:h??r,children:n.jsxRuntimeExports.jsx(n.Button,{className:n.styles.button,type:"primary",icon:n.jsxRuntimeExports.jsx(n.RefIcon,{}),onClick:$,children:a})})]})]});exports.TableHead=Ee;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-n5OyW3Ln.cjs"),K=require("react");function me(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const o=me(K);var J=function(t,i){if(!t)return null;var a={left:t.offsetLeft,right:t.parentElement.clientWidth-t.clientWidth-t.offsetLeft,width:t.clientWidth,top:t.offsetTop,bottom:t.parentElement.clientHeight-t.clientHeight-t.offsetTop,height:t.clientHeight};return i?{left:0,right:0,width:0,top:a.top,bottom:a.bottom,height:a.height}:{left:a.left,right:a.right,width:a.width,top:0,bottom:0,height:0}},T=function(t){return t!==void 0?"".concat(t,"px"):void 0};function fe(e){var t=e.prefixCls,i=e.containerRef,a=e.value,r=e.getValueIndex,s=e.motionName,p=e.onMotionStart,h=e.onMotionEnd,b=e.direction,S=e.vertical,d=S===void 0?!1:S,$=o.useRef(null),w=o.useState(a),R=n._slicedToArray(w,2),v=R[0],M=R[1],C=function(P){var m,B=r(P),_=(m=i.current)===null||m===void 0?void 0:m.querySelectorAll(".".concat(t,"-item"))[B];return(_==null?void 0:_.offsetParent)&&_},E=o.useState(null),f=n._slicedToArray(E,2),l=f[0],N=f[1],V=o.useState(null),x=n._slicedToArray(V,2),c=x[0],I=x[1];n.useLayoutEffect(function(){if(v!==a){var u=C(v),P=C(a),m=J(u,d),B=J(P,d);M(a),N(m),I(B),u&&P?p():h()}},[a]);var y=o.useMemo(function(){if(d){var u;return T((u=l==null?void 0:l.top)!==null&&u!==void 0?u:0)}return T(b==="rtl"?-(l==null?void 0:l.right):l==null?void 0:l.left)},[d,b,l]),O=o.useMemo(function(){if(d){var u;return T((u=c==null?void 0:c.top)!==null&&u!==void 0?u:0)}return T(b==="rtl"?-(c==null?void 0:c.right):c==null?void 0:c.left)},[d,b,c]),D=function(){return d?{transform:"translateY(var(--thumb-start-top))",height:"var(--thumb-start-height)"}:{transform:"translateX(var(--thumb-start-left))",width:"var(--thumb-start-width)"}},H=function(){return d?{transform:"translateY(var(--thumb-active-top))",height:"var(--thumb-active-height)"}:{transform:"translateX(var(--thumb-active-left))",width:"var(--thumb-active-width)"}},A=function(){N(null),I(null),h()};return!l||!c?null:o.createElement(n.CSSMotion,{visible:!0,motionName:s,motionAppear:!0,onAppearStart:D,onAppearActive:H,onVisibleChanged:A},function(u,P){var m=u.className,B=u.style,_=n._objectSpread2(n._objectSpread2({},B),{},{"--thumb-start-left":y,"--thumb-start-width":T(l==null?void 0:l.width),"--thumb-active-left":O,"--thumb-active-width":T(c==null?void 0:c.width),"--thumb-start-top":y,"--thumb-start-height":T(l==null?void 0:l.height),"--thumb-active-top":O,"--thumb-active-height":T(c==null?void 0:c.height)}),F={ref:n.composeRef($,P),style:_,className:n.cn("".concat(t,"-thumb"),m)};return process.env.NODE_ENV==="test"&&(F["data-test-style"]=JSON.stringify(_)),o.createElement("div",F)})}var ve=["prefixCls","direction","vertical","options","disabled","defaultValue","value","name","onChange","className","motionName"];function ge(e){if(typeof e.title<"u")return e.title;if(n._typeof(e.label)!=="object"){var t;return(t=e.label)===null||t===void 0?void 0:t.toString()}}function he(e){return e.map(function(t){if(n._typeof(t)==="object"&&t!==null){var i=ge(t);return n._objectSpread2(n._objectSpread2({},t),{},{title:i})}return{label:t==null?void 0:t.toString(),title:t==null?void 0:t.toString(),value:t}})}var be=function(t){var i=t.prefixCls,a=t.className,r=t.disabled,s=t.checked,p=t.label,h=t.title,b=t.value,S=t.name,d=t.onChange,$=t.onFocus,w=t.onBlur,R=t.onKeyDown,v=t.onKeyUp,M=t.onMouseDown,C=function(f){r||d(f,b)};return o.createElement("label",{className:n.cn(a,n._defineProperty({},"".concat(i,"-item-disabled"),r)),onMouseDown:M},o.createElement("input",{name:S,className:"".concat(i,"-item-input"),type:"radio",disabled:r,checked:s,onChange:C,onFocus:$,onBlur:w,onKeyDown:R,onKeyUp:v}),o.createElement("div",{className:"".concat(i,"-item-label"),title:h,"aria-selected":s},p))},ee=o.forwardRef(function(e,t){var i,a,r=e.prefixCls,s=r===void 0?"rc-segmented":r,p=e.direction,h=e.vertical,b=e.options,S=b===void 0?[]:b,d=e.disabled,$=e.defaultValue,w=e.value,R=e.name,v=e.onChange,M=e.className,C=M===void 0?"":M,E=e.motionName,f=E===void 0?"thumb-motion":E,l=n._objectWithoutProperties(e,ve),N=o.useRef(null),V=o.useMemo(function(){return n.composeRef(N,t)},[N,t]),x=o.useMemo(function(){return he(S)},[S]),c=n.useMergedState((i=x[0])===null||i===void 0?void 0:i.value,{value:w,defaultValue:$}),I=n._slicedToArray(c,2),y=I[0],O=I[1],D=o.useState(!1),H=n._slicedToArray(D,2),A=H[0],u=H[1],P=function(j,z){O(z),v==null||v(z)},m=n.omit(l,["children"]),B=o.useState(!1),_=n._slicedToArray(B,2),F=_[0],X=_[1],ae=o.useState(!1),q=n._slicedToArray(ae,2),ie=q[0],U=q[1],oe=function(){U(!0)},re=function(){U(!1)},le=function(){X(!1)},se=function(j){j.key==="Tab"&&X(!0)},G=function(j){var z=x.findIndex(function(de){return de.value===y}),Y=x.length,ue=(z+j+Y)%Y,L=x[ue];L&&(O(L.value),v==null||v(L.value))},ce=function(j){switch(j.key){case"ArrowLeft":case"ArrowUp":G(-1);break;case"ArrowRight":case"ArrowDown":G(1);break}};return o.createElement("div",n._extends({role:"radiogroup","aria-label":"segmented control",tabIndex:d?void 0:0},m,{className:n.cn(s,(a={},n._defineProperty(a,"".concat(s,"-rtl"),p==="rtl"),n._defineProperty(a,"".concat(s,"-disabled"),d),n._defineProperty(a,"".concat(s,"-vertical"),h),a),C),ref:V}),o.createElement("div",{className:"".concat(s,"-group")},o.createElement(fe,{vertical:h,prefixCls:s,value:y,containerRef:N,motionName:"".concat(s,"-").concat(f),direction:p,getValueIndex:function(j){return x.findIndex(function(z){return z.value===j})},onMotionStart:function(){u(!0)},onMotionEnd:function(){u(!1)}}),x.map(function(g){var j;return o.createElement(be,n._extends({},g,{name:R,key:g.value,prefixCls:s,className:n.cn(g.className,"".concat(s,"-item"),(j={},n._defineProperty(j,"".concat(s,"-item-selected"),g.value===y&&!A),n._defineProperty(j,"".concat(s,"-item-focused"),ie&&F&&g.value===y),j)),checked:g.value===y,onChange:P,onFocus:oe,onBlur:re,onKeyDown:ce,onKeyUp:se,onMouseDown:le,disabled:!!d||!!g.disabled}))})))});process.env.NODE_ENV!=="production"&&(ee.displayName="Segmented");var pe=ee;function Z(e,t){return{[`${e}, ${e}:hover, ${e}:focus`]:{color:t.colorTextDisabled,cursor:"not-allowed"}}}function Q(e){return{backgroundColor:e.itemSelectedBg,boxShadow:e.boxShadowTertiary}}const xe=Object.assign({overflow:"hidden"},n.textEllipsis),Se=e=>{const{componentCls:t}=e,i=e.calc(e.controlHeight).sub(e.calc(e.trackPadding).mul(2)).equal(),a=e.calc(e.controlHeightLG).sub(e.calc(e.trackPadding).mul(2)).equal(),r=e.calc(e.controlHeightSM).sub(e.calc(e.trackPadding).mul(2)).equal();return{[t]:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.resetComponent(e)),{display:"inline-block",padding:e.trackPadding,color:e.itemColor,background:e.trackBg,borderRadius:e.borderRadius,transition:`all ${e.motionDurationMid} ${e.motionEaseInOut}`}),n.genFocusStyle(e)),{[`${t}-group`]:{position:"relative",display:"flex",alignItems:"stretch",justifyItems:"flex-start",flexDirection:"row",width:"100%"},[`&${t}-rtl`]:{direction:"rtl"},[`&${t}-vertical`]:{[`${t}-group`]:{flexDirection:"column"},[`${t}-thumb`]:{width:"100%",height:0,padding:`0 ${n.unit(e.paddingXXS)}`}},[`&${t}-block`]:{display:"flex"},[`&${t}-block ${t}-item`]:{flex:1,minWidth:0},[`${t}-item`]:{position:"relative",textAlign:"center",cursor:"pointer",transition:`color ${e.motionDurationMid} ${e.motionEaseInOut}`,borderRadius:e.borderRadiusSM,transform:"translateZ(0)","&-selected":Object.assign(Object.assign({},Q(e)),{color:e.itemSelectedColor}),"&-focused":Object.assign({},n.genFocusOutline(e)),"&::after":{content:'""',position:"absolute",zIndex:-1,width:"100%",height:"100%",top:0,insetInlineStart:0,borderRadius:"inherit",opacity:0,transition:`opacity ${e.motionDurationMid}`,pointerEvents:"none"},[`&:hover:not(${t}-item-selected):not(${t}-item-disabled)`]:{color:e.itemHoverColor,"&::after":{opacity:1,backgroundColor:e.itemHoverBg}},[`&:active:not(${t}-item-selected):not(${t}-item-disabled)`]:{color:e.itemHoverColor,"&::after":{opacity:1,backgroundColor:e.itemActiveBg}},"&-label":Object.assign({minHeight:i,lineHeight:n.unit(i),padding:`0 ${n.unit(e.segmentedPaddingHorizontal)}`},xe),"&-icon + *":{marginInlineStart:e.calc(e.marginSM).div(2).equal()},"&-input":{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:0,height:0,opacity:0,pointerEvents:"none"}},[`${t}-thumb`]:Object.assign(Object.assign({},Q(e)),{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:0,height:"100%",padding:`${n.unit(e.paddingXXS)} 0`,borderRadius:e.borderRadiusSM,transition:`transform ${e.motionDurationSlow} ${e.motionEaseInOut}, height ${e.motionDurationSlow} ${e.motionEaseInOut}`,[`& ~ ${t}-item:not(${t}-item-selected):not(${t}-item-disabled)::after`]:{backgroundColor:"transparent"}}),[`&${t}-lg`]:{borderRadius:e.borderRadiusLG,[`${t}-item-label`]:{minHeight:a,lineHeight:n.unit(a),padding:`0 ${n.unit(e.segmentedPaddingHorizontal)}`,fontSize:e.fontSizeLG},[`${t}-item, ${t}-thumb`]:{borderRadius:e.borderRadius}},[`&${t}-sm`]:{borderRadius:e.borderRadiusSM,[`${t}-item-label`]:{minHeight:r,lineHeight:n.unit(r),padding:`0 ${n.unit(e.segmentedPaddingHorizontalSM)}`},[`${t}-item, ${t}-thumb`]:{borderRadius:e.borderRadiusXS}}}),Z(`&-disabled ${t}-item`,e)),Z(`${t}-item-disabled`,e)),{[`${t}-thumb-motion-appear-active`]:{transition:`transform ${e.motionDurationSlow} ${e.motionEaseInOut}, width ${e.motionDurationSlow} ${e.motionEaseInOut}`,willChange:"transform, width"},[`&${t}-shape-round`]:{borderRadius:9999,[`${t}-item, ${t}-thumb`]:{borderRadius:9999}}})}},ye=e=>{const{colorTextLabel:t,colorText:i,colorFillSecondary:a,colorBgElevated:r,colorFill:s,lineWidthBold:p,colorBgLayout:h}=e;return{trackPadding:p,trackBg:h,itemColor:t,itemHoverColor:i,itemHoverBg:a,itemSelectedBg:r,itemActiveBg:s,itemSelectedColor:i}},je=n.genStyleHooks("Segmented",e=>{const{lineWidth:t,calc:i}=e,a=n.merge(e,{segmentedPaddingHorizontal:i(e.controlPaddingHorizontal).sub(t).equal(),segmentedPaddingHorizontalSM:i(e.controlPaddingHorizontalSM).sub(t).equal()});return[Se(a)]},ye);var k=function(e,t){var i={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(i[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(i[a[r]]=e[a[r]]);return i};function $e(e){return typeof e=="object"&&!!(e!=null&&e.icon)}const we=o.forwardRef((e,t)=>{const i=n.useId(),{prefixCls:a,className:r,rootClassName:s,block:p,options:h=[],size:b="middle",style:S,vertical:d,shape:$="default",name:w=i}=e,R=k(e,["prefixCls","className","rootClassName","block","options","size","style","vertical","shape","name"]),{getPrefixCls:v,direction:M,className:C,style:E}=n.useComponentConfig("segmented"),f=v("segmented",a),[l,N,V]=je(f),x=n.useSize(b),c=o.useMemo(()=>h.map(O=>{if($e(O)){const{icon:D,label:H}=O,A=k(O,["icon","label"]);return Object.assign(Object.assign({},A),{label:o.createElement(o.Fragment,null,o.createElement("span",{className:`${f}-item-icon`},D),H&&o.createElement("span",null,H))})}return O}),[h,f]),I=n.cn(r,s,C,{[`${f}-block`]:p,[`${f}-sm`]:x==="small",[`${f}-lg`]:x==="large",[`${f}-vertical`]:d,[`${f}-shape-${$}`]:$==="round"},N,V),y=Object.assign(Object.assign({},E),S);return l(o.createElement(pe,Object.assign({},R,{name:w,className:I,style:y,options:c,ref:t,prefixCls:f,direction:M,vertical:d})))}),te=we;process.env.NODE_ENV!=="production"&&(te.displayName="Segmented");var Re={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 01-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 01-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 00-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z"}}]},name:"redo",theme:"outlined"};function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},W.apply(this,arguments)}const Ce=(e,t)=>o.createElement(n.Icon,W({},e,{ref:t,icon:Re})),ne=o.forwardRef(Ce);process.env.NODE_ENV!=="production"&&(ne.displayName="RedoOutlined");const Oe=({datePickerComponent:e,searchText:t,noDateText:i,emptyText:a,searchSelect:r,radioOptions:s,searchOptions:p,searchType:h,textSearchValue:b="",dateSearchValue:S,numberSearchValue:d,multiselectSearchValue:$,multiselectOptions:w,onChangeSearch:R,onChangeTextSearch:v,onChangeRadioSearch:M,onChangeDateSearch:C,onChangeNumberSearch:E,onChangeMultiselectSearch:f})=>{const[l,N]=K.useState(b),{token:{borderRadius:V,colorBgBase:x,paddingXXS:c}}=n.theme.useToken(),{isMobileMaxWidth:I}=n.useMobileViewPort(),{isSmallMaxWidth:y}=n.useSmallViewPort(),O=K.useMemo(()=>y?2:I?5:15,[I,y]);n.useDebounce(()=>{v==null||v(l)},n.TIME.milliseconds.milliseconds500,[l]);const D=()=>{N("")},H=m=>{R(m),D()},A=m=>{N(m.target.value.replace(/"/g,""))},u=m=>{C==null||C(m)},P=m=>{!m&&m!==0||E==null||E(+m)};return n.jsxRuntimeExports.jsxs(n.Flex,{className:n.styles.flex,gap:"small",style:{padding:c,borderRadius:V,background:x},children:[n.jsxRuntimeExports.jsx(n.Select,{defaultValue:r,value:r,style:{width:120,minWidth:120},options:p,onChange:H}),{text:n.jsxRuntimeExports.jsx(n.Input,{placeholder:t,value:l,allowClear:!0,onChange:A}),radio:n.jsxRuntimeExports.jsx(te,{options:s,defaultValue:n.searchRadioDefaultValue,onChange:M}),date:K.createElement(e,{noDateText:i,currentValue:S??"",onChangeDate:u}),number:n.jsxRuntimeExports.jsx(n.BaseInputNumber,{emptyText:a,value:d,placeholder:t,min:0,max:2147483647,onChange:P}),multiselect:n.jsxRuntimeExports.jsx(n.Select,{className:n.styles.select,mode:"multiple",placeholder:t,maxTagCount:1,maxTagTextLength:O,showSearch:!1,allowClear:!0,options:w,value:$,onChange:f})}[h]]})},Ee=({sortTooltipText:e,updateDataText:t,refreshText:i,createText:a,createNewElementText:r,order:s,orderOptions:p,createButtonTooltip:h,searchProps:b,isCanCreate:S,isHiddenCreate:d,onCreate:$,onRefetch:w,onChangeOrder:R})=>n.jsxRuntimeExports.jsxs(n.Flex,{gap:"middle",justify:"space-between",wrap:"wrap",style:{marginBottom:n.THEME.OFFSET[1]},children:[n.jsxRuntimeExports.jsxs(n.Flex,{align:"center",gap:"middle",wrap:"wrap",children:[n.jsxRuntimeExports.jsx(Oe,{...b}),n.jsxRuntimeExports.jsx(n.Tooltip,{title:e,children:n.jsxRuntimeExports.jsx(n.Select,{className:n.styles.sort,value:s,options:p,onChange:R})})]}),n.jsxRuntimeExports.jsxs(n.Flex,{className:n.styles.buttonsContainer,gap:"small",align:"center",children:[w&&n.jsxRuntimeExports.jsx(n.Tooltip,{title:t,children:n.jsxRuntimeExports.jsx(n.Button,{className:n.styles.button,icon:n.jsxRuntimeExports.jsx(ne,{}),onClick:w,children:i})}),!d&&S&&n.jsxRuntimeExports.jsx(n.Tooltip,{title:h??r,children:n.jsxRuntimeExports.jsx(n.Button,{className:n.styles.button,type:"primary",icon:n.jsxRuntimeExports.jsx(n.RefIcon,{}),onClick:$,children:a})})]})]});exports.TableHead=Ee;

package/package.json

@@ -1,13 +1,21 @@
 {
   "name": "denwa-react-shared",
   "private": false,
-  "version": "1.0.87",
+  "version": "1.0.89",
   "type": "module",
   "author": "Denwa",
+  "keywords": [
+    "react",
+    "shared",
+    "admin",
+    "tanstack-intent"
+  ],
   "main": "dist/denwa-react-shared.umd.js",
   "module": "dist/denwa-react-shared.es.js",
   "files": [
-    "dist"
+    "dist",
+    "skills",
+    "!skills/_artifacts"
   ],
   "types": "dist/index.d.ts",
   "exports": {
@@ -63,6 +71,7 @@
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.6",
     "@types/validator": "^13.15.1",
+    "@tanstack/intent": "latest",
     "@vitejs/plugin-react-swc": "^3.10.1",
     "autoprefixer": "^10.4.21",
     "eslint": "^9.28.0",

package/skills/admin-forms/SKILL.md

@@ -0,0 +1,121 @@
+---
+name: admin-forms
+description: >
+  Implement entity editor forms using DrawerForm and specialized inputs. 
+  Covers form submission, language switching, and integration with 
+  AdminTable actions.
+type: framework
+library: denwa-react-shared
+framework: react
+library_version: "1.0.88"
+requires:
+  - session-auth
+---
+
+# Drawer Forms & Inputs
+
+Most entity management in the admin panel happens within `Drawer` panels using `BaseDrawerForm`. This component standardizes the appearance of save buttons and multi-language controls.
+
+## Setup
+
+```tsx
+import { BaseDrawerForm, AdminDrawerFormProps } from 'denwa-react-shared';
+
+const UserForm = ({ id, action, onClose, onRefetch }: AdminDrawerFormProps<'create' | 'update' | 'read'>) => {
+  const { control, handleSubmit } = useForm();
+  
+  const isReadOnly = action === 'read';
+
+  return (
+    <BaseDrawerForm
+      saveText="Сохранить"
+      submitButtonText={action === 'create' ? 'Создать' : 'Обновить'}
+      isVisibleSubmit={!isReadOnly}
+      onSubmitClick={handleSubmit(onSave)}
+    >
+      <Controller
+        name="name"
+        control={control}
+        render={({ field }) => <Input {...field} disabled={isReadOnly} />}
+      />
+      {/* ... form content */}
+    </BaseDrawerForm>
+  );
+};
+```
+
+## Core Patterns
+
+### Language Switching
+If the entity supports multiple languages, enable `isVisibleLanguage` and provide `languagesData`.
+
+```tsx
+<BaseDrawerForm
+  isVisibleLanguage
+  language={currentLang}
+  languagesData={[
+    { label: 'Русский', value: 'ru' },
+    { label: 'English', value: 'en' },
+  ]}
+  onChangeLang={(lang) => setLang(lang)}
+  // Optional: Bulk translation button
+  isVisibleLanguageButton
+  translateAllText="Перевести все"
+  onTranslateAllClick={handleTranslate}
+>
+  {/* ... fields */}
+</BaseDrawerForm>
+```
+
+### Integration with AdminTable
+The `AdminTable` orchestration passes `id`, `action`, `onClose`, and `onRefetch` to the `drawerContent` component.
+
+```tsx
+// In AdminTable:
+<AdminTable
+  drawerContent={UserForm}
+  readAction="read"
+  createAction="create"
+  updateAction="update"
+  // ...
+/>
+```
+
+## Common Mistakes
+
+### MEDIUM Using raw antd Form
+Wrong:
+```tsx
+import { Form } from 'antd';
+return <Form>{children}</Form>;
+```
+Correct:
+```tsx
+import { BaseDrawerForm } from 'denwa-react-shared';
+return <BaseDrawerForm>{children}</BaseDrawerForm>;
+```
+`BaseDrawerForm` wraps `antd` Form but adds standardized footer buttons and integrated logic for language switching and submission loading states.
+
+Source: maintainer interview
+
+### HIGH Mismanaging "read" action state
+Wrong:
+```tsx
+const UserForm = ({ action }) => {
+  return <BaseDrawerForm>{/* inputs are always enabled */}</BaseDrawerForm>;
+};
+```
+Correct:
+```tsx
+const UserForm = ({ action }) => {
+  const isReadOnly = action === 'read';
+  return (
+    <BaseDrawerForm isVisibleSubmit={!isReadOnly}>
+       <Input disabled={isReadOnly} />
+    </BaseDrawerForm>
+  );
+};
+```
+When `action` is 'read', the form should visually hide the submit button and disable all input fields.
+
+Source: src/shared/ui/admin-table/index.tsx

package/skills/admin-table/SKILL.md

@@ -0,0 +1,153 @@
+---
+name: admin-table
+description: >
+  Implement complex data tables using AdminTable and useFetchTableData. 
+  Covers columns configuration, server-side filtering, sorting, 
+  and search state mapping.
+type: framework
+library: denwa-react-shared
+framework: react
+library_version: "1.0.88"
+requires:
+  - session-auth
+sources:
+  - "Denwa799/react-shared:src/shared/ui/admin-table/index.tsx"
+  - "Denwa799/react-shared:src/shared/lib/hooks/use-fetch-table-data.ts"
+---
+
+# Admin Table & Data Fetching
+
+The `AdminTable` component is the centerpiece for building resource lists. It works in conjunction with `useFetchTableData` to map UI states (search, sort, page) to API filters.
+
+## Setup
+
+```tsx
+import { AdminTable, useFetchTableData } from 'denwa-react-shared';
+import { ColumnsType } from 'antd/es/table';
+
+const UsersPage = () => {
+  // 1. Setup state setters (usually from nuqs or local state)
+  const [order, setOrder] = useState('createdAtDesc');
+  const [search, setSearch] = useState('');
+  
+  // 2. Use hook to get mapped filters/sort for API
+  const { filter, sort, onChangeOrder, ...searchHandlers } = useFetchTableData({
+    order,
+    search,
+    onSetOrder: setOrder,
+    onSetSearch: setSearch,
+    // ... other setters for pagination, radio, date search
+    sortFields: [{ key: 'createdAtDesc', field: 'createdAt', order: 'desc' }],
+    searchFields: ['name', 'email'],
+    // ... field configuration
+  });
+
+  // 3. Render table
+  return (
+    <AdminTable
+      tableData={data}
+      columns={columns}
+      order={order}
+      onChangeOrder={onChangeOrder}
+      searchProps={{
+        ...searchHandlers,
+        // ... text labels
+      }}
+      // ... actions and text props
+    />
+  );
+};
+```
+
+## Core Patterns
+
+### Configuring Search and Filters
+`searchProps` expects a `TableSearchProps` object. Ensure you provide the `datePickerComponent` and all required handlers from `useFetchTableData`.
+
+```tsx
+<AdminTable
+  searchProps={{
+    datePickerComponent: BaseDatePicker,
+    searchText: 'Поиск',
+    noDateText: 'Нет даты',
+    emptyText: 'Ничего не найдено',
+    searchSelect: currentSearchField,
+    radioOptions: [{ label: 'Все', value: 'all' }],
+    searchOptions: [{ label: 'Имя', value: 'name' }],
+    searchType: 'text',
+    onChangeSearch: handleFieldChange,
+    onChangeTextSearch: handleTextChange,
+  }}
+  // ...
+/>
+```
+
+### Server-Side Pagination
+The table expects `serverPagination` prop of type `IPaginate`.
+
+```tsx
+<AdminTable
+  serverPagination={{
+    total: totalItems,
+    page: currentPage,
+    limit: pageSize,
+  }}
+  onSetPaginate={(page, limit) => {
+    setPage(page);
+    setLimit(limit);
+  }}
+/>
+```
+
+## Common Mistakes
+
+### HIGH Hallucinating internal state management
+Wrong:
+```tsx
+// Trying to use useFetchTableData without passing external setters
+const tableInfo = useFetchTableData({
+  order: 'desc', // Static value
+  // Missing onSetOrder, onSetSearch, etc.
+});
+```
+Correct:
+```tsx
+const [order, setOrder] = useState('desc');
+const tableInfo = useFetchTableData({
+  order,
+  onSetOrder: setOrder,
+  // Must provide setters to allow the hook to update external state
+});
+```
+The hook acts as a logic mapper and relies on external state (like `nuqs` or `useState`) to persist changes.
+
+Source: maintainer interview
+
+### HIGH Passings wrong pagination format
+Wrong:
+```tsx
+// Using antd internal pagination object
+<AdminTable serverPagination={{ current: 1, pageSize: 10 }} />
+```
+Correct:
+```tsx
+<AdminTable serverPagination={{ page: 1, limit: 10, total: 100 }} />
+```
+`AdminTable` expects a custom `IPaginate` shape, not the standard Ant Design pagination object.
+
+Source: src/shared/ui/admin-table/types.ts
+
+### MEDIUM Using raw antd Table
+Wrong:
+```tsx
+import { Table } from 'antd';
+return <Table dataSource={data} columns={columns} />;
+```
+Correct:
+```tsx
+import { AdminTable } from 'denwa-react-shared';
+return <AdminTable tableData={data} columns={columns} ... />;
+```
+Using raw `Table` loses integrated search UI, standardized skeletons, and the "Drawer Form" orchestration.
+
+Source: maintainer interview

package/skills/material-map/SKILL.md

@@ -0,0 +1,65 @@
+---
+name: material-map
+description: >
+  Integrate Yandex Maps for coordinate selection. Covers map initialization, 
+  setting markers, and coordinate synchronization.
+type: framework
+library: denwa-react-shared
+framework: react
+library_version: "1.0.88"
+requires:
+  - session-auth
+sources:
+  - "Denwa799/react-shared:src/shared/ui/material-map/index.tsx"
+---
+
+# Yandex Maps Integration
+
+`BaseMaterialMap` uses Yandex Maps to allow users to select geographic coordinates. It requires a Yandex Maps API key and provides a simple interface for single-point selection.
+
+## Setup
+
+```tsx
+import { BaseMaterialMap } from 'denwa-react-shared';
+
+const LocationPicker = () => {
+  return (
+    <BaseMaterialMap
+      apiKey="your-yandex-api-key"
+      value={{ lat: 55.751244, lng: 37.618423 }}
+      onChange={(coords) => setLocation(coords)}
+      height={400}
+      zoom={10}
+      noDataText="Координаты не выбраны"
+    />
+  );
+};
+```
+
+## Core Patterns
+
+### Manual Coordinate Entry
+The component displays the current coordinates in inputs. Users can either click on the map or type values manually. Always ensure `onChange` is provided to capture changes from both sources.
+
+### Custom Height and Styling
+The map container should be constrained by the `height` prop. It defaults to `100%` width of the parent container.
+
+## Common Mistakes
+
+### CRITICAL Missing API Key
+Wrong:
+```tsx
+<BaseMaterialMap value={coords} />
+```
+Correct:
+```tsx
+<BaseMaterialMap apiKey={import.meta.env.VITE_YAMAP_KEY} value={coords} />
+```
+The map uses `@iminside/react-yandex-maps` internally. If the `apiKey` is missing or invalid, the map will fail to load or will show a "Demo mode" watermark.
+
+Source: src/shared/ui/material-map/index.tsx
+
+### HIGH Forgetting default center for empty values
+If the `value` is undefined, the map might center on a default (often 0,0) or fail. Always provide a fallback `defaultCenter` or check for existence.
+
+Source: maintainer interview

package/skills/media-management/SKILL.md

@@ -0,0 +1,107 @@
+---
+name: media-management
+description: >
+  Handle single/multiple image uploads and file attachments. 
+  Covers drag-and-drop sorting, temporary upload patterns, 
+  and media deletion.
+type: framework
+library: denwa-react-shared
+framework: react
+library_version: "1.0.88"
+requires:
+  - session-auth
+sources:
+  - "Denwa799/react-shared:src/shared/ui/image-upload/base-image-upload.tsx"
+  - "Denwa799/react-shared:src/shared/ui/file-upload/file-upload.tsx"
+---
+
+# Media & File Management
+
+The library provides `BaseImageUpload` for image galleries and `FileUpload` for general documents. Both rely on a two-step process: uploading to a temporary location first, then associating the path with the entity.
+
+## Setup
+
+### Image Upload with Sorting
+```tsx
+import { BaseImageUpload, TAdminImage } from 'denwa-react-shared';
+
+const Gallery = () => {
+  return (
+    <BaseImageUpload
+      isMultiple
+      label="Галерея"
+      images={images}
+      onUpdateTempImage={handleTempUpload}
+      onUpdateItems={handleReorder}
+      onUpdateDeleteItems={handleDelete}
+    />
+  );
+};
+```
+
+## Core Patterns
+
+### Two-Step Upload Process
+Components emit native File objects. You must upload these to a temporary storage API and return the resulting path to the component's state.
+
+```tsx
+const handleTempUpload = async (file: File) => {
+  const formData = new FormData();
+  formData.append('file', file);
+  
+  const response = await api.upload(formData); // Your API
+  return response.path; // e.g. "/temp/random-id.png"
+};
+```
+
+### File Attachments
+For non-image files, use `FileUpload`. It supports single or multiple files with size/extension limits.
+
+```tsx
+import { FileUpload } from 'denwa-react-shared';
+
+<FileUpload
+  label="Документ"
+  onUpload={handleFileUpload}
+  onRemove={handleFileRemove}
+  items={data.files}
+  isMultiple={false}
+/>
+```
+
+## Common Mistakes
+
+### CRITICAL Forgetting to handle reordering
+Wrong:
+```tsx
+// Only handling uploads
+<BaseImageUpload onUpdateTempImage={upload} /> 
+```
+Correct:
+```tsx
+<BaseImageUpload 
+  onUpdateTempImage={upload}
+  onUpdateItems={(newItems) => setImages(newItems)}
+/>
+```
+If `onUpdateItems` is missing, drag-and-drop reordering will visually work but won't persist to state.
+
+Source: src/shared/ui/image-upload/base-image-upload.tsx
+
+### HIGH Passing only URLs instead of Image objects
+Wrong:
+```tsx
+<BaseImageUpload images={["/image1.png"]} />
+```
+Correct:
+```tsx
+<BaseImageUpload images={[{ id: 1, path: "/image1.png" }]} />
+```
+`BaseImageUpload` expects an array of objects containing `id` and `path`, not raw strings.
+
+Source: src/shared/ui/image-upload/types.ts
+
+### MEDIUM Missing upload button due to limits
+If the `limit` prop is reached, the "Upload" button disappears. Ensure you communicate this UI behavior or provide a way to delete items.
+
+Source: src/shared/ui/image-upload/base-image-upload.tsx:55

package/skills/session-auth/SKILL.md

@@ -0,0 +1,100 @@
+---
+name: session-auth
+description: >
+  Manage authentication sessions, parse server responses, and validate identity 
+  cookies using Zod schemas. Use for handling login flow results and 
+  session integrity checks.
+type: core
+library: denwa-react-shared
+library_version: "1.0.88"
+sources:
+  - "Denwa799/react-shared:src/shared/schemas/index.ts"
+---
+
+# Session & Auth Management
+
+This skill covers the standardization of server responses and session state validation using Zod schemas. All API interactions should be validated against these schemas to ensure data consistency.
+
+## Setup
+
+```typescript
+import { responseSchema, sessionCookieSchema } from 'denwa-react-shared';
+
+// Example: Validating an API response
+const handleApiResponse = (data: unknown) => {
+  const result = responseSchema.safeParse(data);
+  if (!result.success) {
+    console.error('API format mismatch:', result.error);
+    return;
+  }
+  return result.data;
+};
+```
+
+## Core Patterns
+
+### Parsing Session Cookies
+Use `sessionCookieSchema` to validate the structure of the authentication cookie before using it in the application.
+
+```typescript
+import { sessionCookieSchema } from 'denwa-react-shared';
+
+const validateSession = (cookieData: unknown) => {
+  const session = sessionCookieSchema.parse(cookieData);
+  return {
+    isLoggedIn: !!session.tokens.accessToken.token,
+    userRoles: session.roles,
+    isAdmin: session.roles.includes('admin'),
+  };
+};
+```
+
+### Handling Standard Error Envelopes
+The `responseSchema` includes a structured `error` field. Always check for both the top-level `error` object and `statusCode`.
+
+```typescript
+import { responseSchema } from 'denwa-react-shared';
+
+async function fetchData(url: string) {
+  const response = await fetch(url);
+  const data = await response.json();
+  
+  const parsed = responseSchema.parse(data);
+  if (parsed.error) {
+    throw new Error(parsed.error.message || 'Unknown error');
+  }
+  
+  return parsed.data;
+}
+```
+
+## Common Mistakes
+
+### MEDIUM Manually parsing cookies without schema
+Wrong:
+```typescript
+const id = JSON.parse(cookies.get('session')).id;
+```
+Correct:
+```typescript
+const session = sessionCookieSchema.parse(cookies.get('session'));
+const id = session.id;
+```
+Manually accessing properties bypasses validation and creates runtime risks if the session structure changes.
+
+Source: maintainer interview
+
+### HIGH Ignoring the data/response duality
+Wrong:
+```typescript
+// Expecting data to always be the result
+const users = response.data; 
+```
+Correct:
+```typescript
+// Checking both data and any legacy response fields
+const users = response.data ?? response.response;
+```
+The `responseSchema` allows for flexibility in return fields (`data` vs `response`). Agents should account for both.
+
+Source: src/shared/schemas/index.ts