ingred-ui 23.15.0 → 23.16.0

package/dist/hooks/useIOSDetection.d.ts

@@ -0,0 +1,61 @@
+/**
+ * iOSデバイスかどうかを検出するカスタムフック
+ *
+ * @returns {boolean} iOSデバイス（iPad、iPhone）の場合true、それ以外はfalse
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const isIOS = useIOSDetection();
+ *
+ *   return (
+ *     <input
+ *       data-ios={isIOS}
+ *       style={{ fontSize: isIOS ? '16px' : '13px' }}
+ *     />
+ *   );
+ * };
+ * ```
+ */
+export declare const useIOSDetection: () => boolean;
+/**
+ * iOS用のフォントサイズを取得するヘルパー関数
+ *
+ * @param defaultSize デフォルトのフォントサイズ
+ * @param isIOS iOSデバイスかどうか
+ * @returns iOSの場合は'16px'、それ以外はdefaultSizeを返す
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const isIOS = useIOSDetection();
+ *
+ *   return (
+ *     <input
+ *       style={{ fontSize: getIOSFontSize('13px', isIOS) }}
+ *     />
+ *   );
+ * };
+ * ```
+ */
+export declare const getIOSFontSize: (defaultSize: string, isIOS: boolean) => string;
+/**
+ * iOS用のデータ属性を取得するヘルパー関数
+ *
+ * @param isIOS iOSデバイスかどうか
+ * @returns data-ios属性のオブジェクト
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const isIOS = useIOSDetection();
+ *
+ *   return (
+ *     <input {...getIOSDataAttributes(isIOS)} />
+ *   );
+ * };
+ * ```
+ */
+export declare const getIOSDataAttributes: (isIOS: boolean) => {
+    "data-ios": boolean;
+};

package/dist/index.es.js

@@ -1013,7 +1013,7 @@ var wa=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
 `,wd=v.div`
   flex-grow: 1;
   pointer-events: ${({isGhost:e})=>e?"none":"auto"};
-`,Cd=({id:e,disabled:n,children:r})=>{const{setNodeRef:i,setActivatorNodeRef:a,attributes:o,listeners:l,transform:s,transition:c,isDragging:d}=md({id:e}),{isGhost:u}=h(fd),p=P();return t.createElement(xd,{ref:i,isGhost:u,style:{transform:ts.Transform.toString(s),transition:c,opacity:d?.25:1}},t.createElement(yd,Object.assign({ref:a,isGhost:u,isDragging:d,disabled:n},o,l),t.createElement(J,{name:"braille",size:"lg",color:p.palette.black})),t.createElement(wd,{isGhost:u},r))};Cd.displayName="ContextMenu2SortableItem";const Ed=n(((e,n)=>{var{className:i,onEnter:o,onKeyDown:l,onCompositionStart:s,onCompositionEnd:c}=e,u=H(e,["className","onEnter","onKeyDown","onCompositionStart","onCompositionEnd"]);const{activeIndex:p,maxActiveIndex:m,setActiveIndex:g}=h(fl),[f,b]=r(!1),[v,x]=r(!1),y=d((e=>{if((e=>{e.stopPropagation()})(e),null==l||l(e),!v)if("Enter"!==e.key)if("ArrowDown"!==e.key)if("ArrowUp"!==e.key);else{e.preventDefault();const t=null===p?1:p-1;g(t<0?m:t)}else{e.preventDefault();const t=null===p?1:p+1;g(t>m?null:t)}else null==o||o()}),[v,p,m,o,l,g]),w=d((e=>{null==s||s(e),x(!0)}),[s]),C=d((e=>{null==c||c(e),x(!1)}),[c]);return a((()=>{b(/iPad|iPhone/.test(navigator.userAgent))}),[]),t.createElement("div",{className:i},t.createElement("input",Object.assign({},u,{ref:n,"data-ios":f,onKeyDown:y,onCompositionStart:w,onCompositionEnd:C})))}));Ed.displayName="ContextMenu2TextInputItem";const Id=v(Ed)`
+`,Cd=({id:e,disabled:n,children:r})=>{const{setNodeRef:i,setActivatorNodeRef:a,attributes:o,listeners:l,transform:s,transition:c,isDragging:d}=md({id:e}),{isGhost:u}=h(fd),p=P();return t.createElement(xd,{ref:i,isGhost:u,style:{transform:ts.Transform.toString(s),transition:c,opacity:d?.25:1}},t.createElement(yd,Object.assign({ref:a,isGhost:u,isDragging:d,disabled:n},o,l),t.createElement(J,{name:"braille",size:"lg",color:p.palette.black})),t.createElement(wd,{isGhost:u},r))};Cd.displayName="ContextMenu2SortableItem";const Ed=n(((e,n)=>{var{className:i,onEnter:o,onKeyDown:l,onCompositionStart:s,onCompositionEnd:c}=e,u=H(e,["className","onEnter","onKeyDown","onCompositionStart","onCompositionEnd"]);const{activeIndex:p,maxActiveIndex:m,setActiveIndex:g}=h(fl),f=(()=>{const[e,t]=r(!1);return a((()=>{const e=navigator.userAgent,n=/iPad|iPhone/.test(e);t(n)}),[]),e})(),[b,v]=r(!1),x=d((e=>{if((e=>{e.stopPropagation()})(e),null==l||l(e),!b)if("Enter"!==e.key)if("ArrowDown"!==e.key)if("ArrowUp"!==e.key);else{e.preventDefault();const t=null===p?1:p-1;g(t<0?m:t)}else{e.preventDefault();const t=null===p?1:p+1;g(t>m?null:t)}else null==o||o()}),[b,p,m,o,l,g]),y=d((e=>{null==s||s(e),v(!0)}),[s]),w=d((e=>{null==c||c(e),v(!1)}),[c]);return t.createElement("div",{className:i},t.createElement("input",Object.assign({},u,{ref:n,"data-ios":f,onKeyDown:x,onCompositionStart:y,onCompositionEnd:w})))}));Ed.displayName="ContextMenu2TextInputItem";const Id=v(Ed)`
   input {
     display: block;
     box-sizing: border-box;