@nuka-ui/core 1.1.2 → 1.1.3

package/dist/utils/dismiss-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"dismiss-button.js","names":[],"sources":["../../src/utils/dismiss-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\n\ninterface DismissButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"onClick\"\n> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  onClick: () => void;\n  label?: string;\n}\n\nfunction DismissButton({\n  ref,\n  onClick,\n  label = \"Dismiss\",\n  className,\n  ...props\n}: DismissButtonProps) {\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={label}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"rounded-(--radius-sm) p-(--space-1)\",\n        \"min-w-6 min-h-6\",\n        \"opacity-70 hover:opacity-100 transition-opacity cursor-pointer\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    >\n      <Icon size=\"sm\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n        </svg>\n      </Icon>\n    </button>\n  );\n}\n\nDismissButton.displayName = \"DismissButton\";\n\nexport { DismissButton };\nexport type { DismissButtonProps };\n"],"mappings":";;;;;AAaA,SAAS,EAAc,EACrB,QACA,YACA,WAAQ,WACR,cACA,GAAG,KACkB;AACrB,QACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,cAAY;EACH;EACT,WAAW,EACT,2CACA,uCACA,mBACA,kEACA,sGACA,EACD;EACD,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAPjB,CASE,kBAAC,QAAD;KAAM,IAAG;KAAK,IAAG;KAAI,IAAG;KAAI,IAAG;KAAO,CAAA,EACtC,kBAAC,QAAD;KAAM,IAAG;KAAI,IAAG;KAAI,IAAG;KAAK,IAAG;KAAO,CAAA,CAClC;;GACD,CAAA;EACA,CAAA;;AAIb,EAAc,cAAc"}
+{"version":3,"file":"dismiss-button.js","names":[],"sources":["../../src/utils/dismiss-button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\n\ninterface DismissButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"onClick\"\n> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  onClick: () => void;\n  label?: string;\n}\n\nfunction DismissButton({\n  ref,\n  onClick,\n  label = \"Dismiss\",\n  className,\n  ...props\n}: DismissButtonProps) {\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={label}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"rounded-(--radius-sm) p-(--space-1)\",\n        \"min-w-6 min-h-6\",\n        \"opacity-70 hover:opacity-100 transition-opacity cursor-pointer\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    >\n      <Icon size=\"sm\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n        </svg>\n      </Icon>\n    </button>\n  );\n}\n\nDismissButton.displayName = \"DismissButton\";\n\nexport { DismissButton };\nexport type { DismissButtonProps };\n"],"mappings":";;;;;;AAeA,SAAS,EAAc,EACrB,QACA,YACA,WAAQ,WACR,cACA,GAAG,KACkB;AACrB,QACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,cAAY;EACH;EACT,WAAW,EACT,2CACA,uCACA,mBACA,kEACA,sGACA,EACD;EACD,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAPjB,CASE,kBAAC,QAAD;KAAM,IAAG;KAAK,IAAG;KAAI,IAAG;KAAI,IAAG;KAAO,CAAA,EACtC,kBAAC,QAAD;KAAM,IAAG;KAAI,IAAG;KAAI,IAAG;KAAK,IAAG;KAAO,CAAA,CAClC;;GACD,CAAA;EACA,CAAA;;AAIb,EAAc,cAAc"}

package/dist/utils/slot.cjs

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/clsx/dist/clsx.cjs`);let n=require(`react`);n=e.__toESM(n,1);function r(...e){return t=>{for(let n of e)n!=null&&(typeof n==`function`?n(t):n.current=t)}}function i(e){return e.length>2&&e.startsWith(`on`)&&e[2]===e[2]?.toUpperCase()}function a(e,n){let r={...e};for(let a of Object.keys(n)){let o=e[a],s=n[a];if(a===`className`)r[a]=t.default(o,s);else if(a===`style`)r[a]={...o,...s};else if(i(a))if(o!=null&&s!=null){let e=o,t=s;r[a]=(...n)=>{e(...n),t(...n)}}else r[a]=s??o;else r[a]=s}return r}function o({ref:e,children:t,...i}){if(!n.isValidElement(t)){if(process.env.NODE_ENV!==`production`)throw Error(`Slot requires a single valid React element as its child. Received: ${t===null?`null`:typeof t}`);return null}let o=t,s=o.props.ref,c=r(e,s),l={...a(i,o.props),ref:c,...o.key==null?{}:{key:o.key}};return n.createElement(o.type,l)}o.displayName=`Slot`,exports.Slot=o,exports.composeRefs=r;
+"use client";const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/clsx/dist/clsx.cjs`);let n=require(`react`);n=e.__toESM(n,1);function r(...e){return t=>{for(let n of e)n!=null&&(typeof n==`function`?n(t):n.current=t)}}function i(e){return e.length>2&&e.startsWith(`on`)&&e[2]===e[2]?.toUpperCase()}function a(e,n){let r={...e};for(let a of Object.keys(n)){let o=e[a],s=n[a];if(a===`className`)r[a]=t.default(o,s);else if(a===`style`)r[a]={...o,...s};else if(i(a))if(o!=null&&s!=null){let e=o,t=s;r[a]=(...n)=>{e(...n),t(...n)}}else r[a]=s??o;else r[a]=s}return r}function o({ref:e,children:t,...i}){if(!n.isValidElement(t)){if(process.env.NODE_ENV!==`production`)throw Error(`Slot requires a single valid React element as its child. Received: ${t===null?`null`:typeof t}`);return null}let o=t,s=o.props.ref,c=r(e,s),l={...a(i,o.props),ref:c,...o.key==null?{}:{key:o.key}};return n.createElement(o.type,l)}o.displayName=`Slot`,exports.Slot=o,exports.composeRefs=r;
 //# sourceMappingURL=slot.cjs.map

package/dist/utils/slot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slot.cjs","names":[],"sources":["../../src/utils/slot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clsx } from \"clsx\";\n\n/**\n * Composes multiple refs into a single ref callback.\n * Handles function refs, ref objects, null, and undefined.\n */\nfunction composeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (ref == null) continue;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else {\n        ref.current = node;\n      }\n    }\n  };\n}\n\nfunction isEventHandlerProp(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith(\"on\") && key[2] === key[2]?.toUpperCase()\n  );\n}\n\nfunction mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...slotProps };\n\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key];\n    const childValue = childProps[key];\n\n    if (key === \"className\") {\n      merged[key] = clsx(slotValue as string, childValue as string);\n    } else if (key === \"style\") {\n      merged[key] = {\n        ...(slotValue as React.CSSProperties | undefined),\n        ...(childValue as React.CSSProperties | undefined),\n      };\n    } else if (isEventHandlerProp(key)) {\n      if (slotValue != null && childValue != null) {\n        const slotHandler = slotValue as (...args: unknown[]) => void;\n        const childHandler = childValue as (...args: unknown[]) => void;\n        const composed = (...args: unknown[]) => {\n          slotHandler(...args);\n          childHandler(...args);\n        };\n        merged[key] = composed;\n      } else {\n        merged[key] = childValue ?? slotValue;\n      }\n    } else {\n      merged[key] = childValue;\n    }\n  }\n\n  return merged;\n}\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Slot({ ref: forwardedRef, children, ...slotProps }: SlotProps) {\n  if (!React.isValidElement(children)) {\n    if (process.env.NODE_ENV !== \"production\") {\n      throw new Error(\n        \"Slot requires a single valid React element as its child. \" +\n          `Received: ${children === null ? \"null\" : typeof children}`,\n      );\n    }\n    return null;\n  }\n\n  const childElement = children as React.ReactElement<\n    Record<string, unknown> & { ref?: React.Ref<HTMLElement> }\n  >;\n\n  const childRef = childElement.props.ref;\n  const composedRef = composeRefs(forwardedRef, childRef);\n\n  const mergedProps = mergeProps(\n    slotProps as Record<string, unknown>,\n    childElement.props as Record<string, unknown>,\n  );\n\n  const cloneProps: Record<string, unknown> & React.Attributes = {\n    ...mergedProps,\n    ref: composedRef,\n    ...(childElement.key != null ? { key: childElement.key } : {}),\n  };\n\n  return React.createElement(\n    childElement.type as React.ElementType,\n    cloneProps,\n  );\n}\n\nSlot.displayName = \"Slot\";\n\nexport { Slot, composeRefs };\n"],"mappings":"6IAOA,SAAS,EACP,GAAG,EACmB,CACtB,MAAQ,IAAmB,CACzB,IAAK,IAAM,KAAO,EACZ,GAAO,OACP,OAAO,GAAQ,WACjB,EAAI,EAAK,CAET,EAAI,QAAU,IAMtB,SAAS,EAAmB,EAAsB,CAChD,OACE,EAAI,OAAS,GAAK,EAAI,WAAW,KAAK,EAAI,EAAI,KAAO,EAAI,IAAI,aAAa,CAI9E,SAAS,EACP,EACA,EACyB,CACzB,IAAM,EAAkC,CAAE,GAAG,EAAW,CAExD,IAAK,IAAM,KAAO,OAAO,KAAK,EAAW,CAAE,CACzC,IAAM,EAAY,EAAU,GACtB,EAAa,EAAW,GAE9B,GAAI,IAAQ,YACV,EAAO,GAAO,EAAA,QAAK,EAAqB,EAAqB,SACpD,IAAQ,QACjB,EAAO,GAAO,CACZ,GAAI,EACJ,GAAI,EACL,SACQ,EAAmB,EAAI,CAChC,GAAI,GAAa,MAAQ,GAAc,KAAM,CAC3C,IAAM,EAAc,EACd,EAAe,EAKrB,EAAO,IAJW,GAAG,IAAoB,CACvC,EAAY,GAAG,EAAK,CACpB,EAAa,GAAG,EAAK,OAIvB,EAAO,GAAO,GAAc,OAG9B,EAAO,GAAO,EAIlB,OAAO,EAOT,SAAS,EAAK,CAAE,IAAK,EAAc,WAAU,GAAG,GAAwB,CACtE,GAAI,CAAC,EAAM,eAAe,EAAS,CAAE,CACnC,GAAA,QAAA,IAAA,WAA6B,aAC3B,MAAU,MACR,sEACe,IAAa,KAAO,OAAS,OAAO,IACpD,CAEH,OAAO,KAGT,IAAM,EAAe,EAIf,EAAW,EAAa,MAAM,IAC9B,EAAc,EAAY,EAAc,EAAS,CAOjD,EAAyD,CAC7D,GANkB,EAClB,EACA,EAAa,MACd,CAIC,IAAK,EACL,GAAI,EAAa,KAAO,KAAmC,EAAE,CAA9B,CAAE,IAAK,EAAa,IAAK,CACzD,CAED,OAAO,EAAM,cACX,EAAa,KACb,EACD,CAGH,EAAK,YAAc"}
+{"version":3,"file":"slot.cjs","names":[],"sources":["../../src/utils/slot.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { clsx } from \"clsx\";\n\n/**\n * Composes multiple refs into a single ref callback.\n * Handles function refs, ref objects, null, and undefined.\n */\nfunction composeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (ref == null) continue;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else {\n        ref.current = node;\n      }\n    }\n  };\n}\n\nfunction isEventHandlerProp(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith(\"on\") && key[2] === key[2]?.toUpperCase()\n  );\n}\n\nfunction mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...slotProps };\n\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key];\n    const childValue = childProps[key];\n\n    if (key === \"className\") {\n      merged[key] = clsx(slotValue as string, childValue as string);\n    } else if (key === \"style\") {\n      merged[key] = {\n        ...(slotValue as React.CSSProperties | undefined),\n        ...(childValue as React.CSSProperties | undefined),\n      };\n    } else if (isEventHandlerProp(key)) {\n      if (slotValue != null && childValue != null) {\n        const slotHandler = slotValue as (...args: unknown[]) => void;\n        const childHandler = childValue as (...args: unknown[]) => void;\n        const composed = (...args: unknown[]) => {\n          slotHandler(...args);\n          childHandler(...args);\n        };\n        merged[key] = composed;\n      } else {\n        merged[key] = childValue ?? slotValue;\n      }\n    } else {\n      merged[key] = childValue;\n    }\n  }\n\n  return merged;\n}\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Slot({ ref: forwardedRef, children, ...slotProps }: SlotProps) {\n  if (!React.isValidElement(children)) {\n    if (process.env.NODE_ENV !== \"production\") {\n      throw new Error(\n        \"Slot requires a single valid React element as its child. \" +\n          `Received: ${children === null ? \"null\" : typeof children}`,\n      );\n    }\n    return null;\n  }\n\n  const childElement = children as React.ReactElement<\n    Record<string, unknown> & { ref?: React.Ref<HTMLElement> }\n  >;\n\n  const childRef = childElement.props.ref;\n  const composedRef = composeRefs(forwardedRef, childRef);\n\n  const mergedProps = mergeProps(\n    slotProps as Record<string, unknown>,\n    childElement.props as Record<string, unknown>,\n  );\n\n  const cloneProps: Record<string, unknown> & React.Attributes = {\n    ...mergedProps,\n    ref: composedRef,\n    ...(childElement.key != null ? { key: childElement.key } : {}),\n  };\n\n  return React.createElement(\n    childElement.type as React.ElementType,\n    cloneProps,\n  );\n}\n\nSlot.displayName = \"Slot\";\n\nexport { Slot, composeRefs };\n"],"mappings":"0JASA,SAAS,EACP,GAAG,EACmB,CACtB,MAAQ,IAAmB,CACzB,IAAK,IAAM,KAAO,EACZ,GAAO,OACP,OAAO,GAAQ,WACjB,EAAI,EAAK,CAET,EAAI,QAAU,IAMtB,SAAS,EAAmB,EAAsB,CAChD,OACE,EAAI,OAAS,GAAK,EAAI,WAAW,KAAK,EAAI,EAAI,KAAO,EAAI,IAAI,aAAa,CAI9E,SAAS,EACP,EACA,EACyB,CACzB,IAAM,EAAkC,CAAE,GAAG,EAAW,CAExD,IAAK,IAAM,KAAO,OAAO,KAAK,EAAW,CAAE,CACzC,IAAM,EAAY,EAAU,GACtB,EAAa,EAAW,GAE9B,GAAI,IAAQ,YACV,EAAO,GAAO,EAAA,QAAK,EAAqB,EAAqB,SACpD,IAAQ,QACjB,EAAO,GAAO,CACZ,GAAI,EACJ,GAAI,EACL,SACQ,EAAmB,EAAI,CAChC,GAAI,GAAa,MAAQ,GAAc,KAAM,CAC3C,IAAM,EAAc,EACd,EAAe,EAKrB,EAAO,IAJW,GAAG,IAAoB,CACvC,EAAY,GAAG,EAAK,CACpB,EAAa,GAAG,EAAK,OAIvB,EAAO,GAAO,GAAc,OAG9B,EAAO,GAAO,EAIlB,OAAO,EAOT,SAAS,EAAK,CAAE,IAAK,EAAc,WAAU,GAAG,GAAwB,CACtE,GAAI,CAAC,EAAM,eAAe,EAAS,CAAE,CACnC,GAAA,QAAA,IAAA,WAA6B,aAC3B,MAAU,MACR,sEACe,IAAa,KAAO,OAAS,OAAO,IACpD,CAEH,OAAO,KAGT,IAAM,EAAe,EAIf,EAAW,EAAa,MAAM,IAC9B,EAAc,EAAY,EAAc,EAAS,CAOjD,EAAyD,CAC7D,GANkB,EAClB,EACA,EAAa,MACd,CAIC,IAAK,EACL,GAAI,EAAa,KAAO,KAAmC,EAAE,CAA9B,CAAE,IAAK,EAAa,IAAK,CACzD,CAED,OAAO,EAAM,cACX,EAAa,KACb,EACD,CAGH,EAAK,YAAc"}

package/dist/utils/slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/utils/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,iBAAS,WAAW,CAAC,CAAC,EACpB,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GACpC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAWtB;AA6CD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,IAAI,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,6EAiCrE;kBAjCQ,IAAI;;;AAqCb,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/utils/slot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,iBAAS,WAAW,CAAC,CAAC,EACpB,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GACpC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAWtB;AA6CD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,IAAI,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,6EAiCrE;kBAjCQ,IAAI;;;AAqCb,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC"}

package/dist/utils/slot.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "../node_modules/clsx/dist/clsx.js";
 import * as t from "react";
 //#region src/utils/slot.tsx

package/dist/utils/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","names":[],"sources":["../../src/utils/slot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clsx } from \"clsx\";\n\n/**\n * Composes multiple refs into a single ref callback.\n * Handles function refs, ref objects, null, and undefined.\n */\nfunction composeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (ref == null) continue;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else {\n        ref.current = node;\n      }\n    }\n  };\n}\n\nfunction isEventHandlerProp(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith(\"on\") && key[2] === key[2]?.toUpperCase()\n  );\n}\n\nfunction mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...slotProps };\n\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key];\n    const childValue = childProps[key];\n\n    if (key === \"className\") {\n      merged[key] = clsx(slotValue as string, childValue as string);\n    } else if (key === \"style\") {\n      merged[key] = {\n        ...(slotValue as React.CSSProperties | undefined),\n        ...(childValue as React.CSSProperties | undefined),\n      };\n    } else if (isEventHandlerProp(key)) {\n      if (slotValue != null && childValue != null) {\n        const slotHandler = slotValue as (...args: unknown[]) => void;\n        const childHandler = childValue as (...args: unknown[]) => void;\n        const composed = (...args: unknown[]) => {\n          slotHandler(...args);\n          childHandler(...args);\n        };\n        merged[key] = composed;\n      } else {\n        merged[key] = childValue ?? slotValue;\n      }\n    } else {\n      merged[key] = childValue;\n    }\n  }\n\n  return merged;\n}\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Slot({ ref: forwardedRef, children, ...slotProps }: SlotProps) {\n  if (!React.isValidElement(children)) {\n    if (process.env.NODE_ENV !== \"production\") {\n      throw new Error(\n        \"Slot requires a single valid React element as its child. \" +\n          `Received: ${children === null ? \"null\" : typeof children}`,\n      );\n    }\n    return null;\n  }\n\n  const childElement = children as React.ReactElement<\n    Record<string, unknown> & { ref?: React.Ref<HTMLElement> }\n  >;\n\n  const childRef = childElement.props.ref;\n  const composedRef = composeRefs(forwardedRef, childRef);\n\n  const mergedProps = mergeProps(\n    slotProps as Record<string, unknown>,\n    childElement.props as Record<string, unknown>,\n  );\n\n  const cloneProps: Record<string, unknown> & React.Attributes = {\n    ...mergedProps,\n    ref: composedRef,\n    ...(childElement.key != null ? { key: childElement.key } : {}),\n  };\n\n  return React.createElement(\n    childElement.type as React.ElementType,\n    cloneProps,\n  );\n}\n\nSlot.displayName = \"Slot\";\n\nexport { Slot, composeRefs };\n"],"mappings":";;;AAOA,SAAS,EACP,GAAG,GACmB;AACtB,SAAQ,MAAmB;AACzB,OAAK,IAAM,KAAO,EACZ,MAAO,SACP,OAAO,KAAQ,aACjB,EAAI,EAAK,GAET,EAAI,UAAU;;;AAMtB,SAAS,EAAmB,GAAsB;AAChD,QACE,EAAI,SAAS,KAAK,EAAI,WAAW,KAAK,IAAI,EAAI,OAAO,EAAI,IAAI,aAAa;;AAI9E,SAAS,EACP,GACA,GACyB;CACzB,IAAM,IAAkC,EAAE,GAAG,GAAW;AAExD,MAAK,IAAM,KAAO,OAAO,KAAK,EAAW,EAAE;EACzC,IAAM,IAAY,EAAU,IACtB,IAAa,EAAW;AAE9B,MAAI,MAAQ,YACV,GAAO,KAAO,EAAK,GAAqB,EAAqB;WACpD,MAAQ,QACjB,GAAO,KAAO;GACZ,GAAI;GACJ,GAAI;GACL;WACQ,EAAmB,EAAI,CAChC,KAAI,KAAa,QAAQ,KAAc,MAAM;GAC3C,IAAM,IAAc,GACd,IAAe;AAKrB,KAAO,MAJW,GAAG,MAAoB;AAEvC,IADA,EAAY,GAAG,EAAK,EACpB,EAAa,GAAG,EAAK;;QAIvB,GAAO,KAAO,KAAc;MAG9B,GAAO,KAAO;;AAIlB,QAAO;;AAOT,SAAS,EAAK,EAAE,KAAK,GAAc,aAAU,GAAG,KAAwB;AACtE,KAAI,CAAC,EAAM,eAAe,EAAS,EAAE;AACnC,MAAA,QAAA,IAAA,aAA6B,aAC3B,OAAU,MACR,sEACe,MAAa,OAAO,SAAS,OAAO,IACpD;AAEH,SAAO;;CAGT,IAAM,IAAe,GAIf,IAAW,EAAa,MAAM,KAC9B,IAAc,EAAY,GAAc,EAAS,EAOjD,IAAyD;EAC7D,GANkB,EAClB,GACA,EAAa,MACd;EAIC,KAAK;EACL,GAAI,EAAa,OAAO,OAAmC,EAAE,GAA9B,EAAE,KAAK,EAAa,KAAK;EACzD;AAED,QAAO,EAAM,cACX,EAAa,MACb,EACD;;AAGH,EAAK,cAAc"}
+{"version":3,"file":"slot.js","names":[],"sources":["../../src/utils/slot.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { clsx } from \"clsx\";\n\n/**\n * Composes multiple refs into a single ref callback.\n * Handles function refs, ref objects, null, and undefined.\n */\nfunction composeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (ref == null) continue;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else {\n        ref.current = node;\n      }\n    }\n  };\n}\n\nfunction isEventHandlerProp(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith(\"on\") && key[2] === key[2]?.toUpperCase()\n  );\n}\n\nfunction mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...slotProps };\n\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key];\n    const childValue = childProps[key];\n\n    if (key === \"className\") {\n      merged[key] = clsx(slotValue as string, childValue as string);\n    } else if (key === \"style\") {\n      merged[key] = {\n        ...(slotValue as React.CSSProperties | undefined),\n        ...(childValue as React.CSSProperties | undefined),\n      };\n    } else if (isEventHandlerProp(key)) {\n      if (slotValue != null && childValue != null) {\n        const slotHandler = slotValue as (...args: unknown[]) => void;\n        const childHandler = childValue as (...args: unknown[]) => void;\n        const composed = (...args: unknown[]) => {\n          slotHandler(...args);\n          childHandler(...args);\n        };\n        merged[key] = composed;\n      } else {\n        merged[key] = childValue ?? slotValue;\n      }\n    } else {\n      merged[key] = childValue;\n    }\n  }\n\n  return merged;\n}\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Slot({ ref: forwardedRef, children, ...slotProps }: SlotProps) {\n  if (!React.isValidElement(children)) {\n    if (process.env.NODE_ENV !== \"production\") {\n      throw new Error(\n        \"Slot requires a single valid React element as its child. \" +\n          `Received: ${children === null ? \"null\" : typeof children}`,\n      );\n    }\n    return null;\n  }\n\n  const childElement = children as React.ReactElement<\n    Record<string, unknown> & { ref?: React.Ref<HTMLElement> }\n  >;\n\n  const childRef = childElement.props.ref;\n  const composedRef = composeRefs(forwardedRef, childRef);\n\n  const mergedProps = mergeProps(\n    slotProps as Record<string, unknown>,\n    childElement.props as Record<string, unknown>,\n  );\n\n  const cloneProps: Record<string, unknown> & React.Attributes = {\n    ...mergedProps,\n    ref: composedRef,\n    ...(childElement.key != null ? { key: childElement.key } : {}),\n  };\n\n  return React.createElement(\n    childElement.type as React.ElementType,\n    cloneProps,\n  );\n}\n\nSlot.displayName = \"Slot\";\n\nexport { Slot, composeRefs };\n"],"mappings":";;;;AASA,SAAS,EACP,GAAG,GACmB;AACtB,SAAQ,MAAmB;AACzB,OAAK,IAAM,KAAO,EACZ,MAAO,SACP,OAAO,KAAQ,aACjB,EAAI,EAAK,GAET,EAAI,UAAU;;;AAMtB,SAAS,EAAmB,GAAsB;AAChD,QACE,EAAI,SAAS,KAAK,EAAI,WAAW,KAAK,IAAI,EAAI,OAAO,EAAI,IAAI,aAAa;;AAI9E,SAAS,EACP,GACA,GACyB;CACzB,IAAM,IAAkC,EAAE,GAAG,GAAW;AAExD,MAAK,IAAM,KAAO,OAAO,KAAK,EAAW,EAAE;EACzC,IAAM,IAAY,EAAU,IACtB,IAAa,EAAW;AAE9B,MAAI,MAAQ,YACV,GAAO,KAAO,EAAK,GAAqB,EAAqB;WACpD,MAAQ,QACjB,GAAO,KAAO;GACZ,GAAI;GACJ,GAAI;GACL;WACQ,EAAmB,EAAI,CAChC,KAAI,KAAa,QAAQ,KAAc,MAAM;GAC3C,IAAM,IAAc,GACd,IAAe;AAKrB,KAAO,MAJW,GAAG,MAAoB;AAEvC,IADA,EAAY,GAAG,EAAK,EACpB,EAAa,GAAG,EAAK;;QAIvB,GAAO,KAAO,KAAc;MAG9B,GAAO,KAAO;;AAIlB,QAAO;;AAOT,SAAS,EAAK,EAAE,KAAK,GAAc,aAAU,GAAG,KAAwB;AACtE,KAAI,CAAC,EAAM,eAAe,EAAS,EAAE;AACnC,MAAA,QAAA,IAAA,aAA6B,aAC3B,OAAU,MACR,sEACe,MAAa,OAAO,SAAS,OAAO,IACpD;AAEH,SAAO;;CAGT,IAAM,IAAe,GAIf,IAAW,EAAa,MAAM,KAC9B,IAAc,EAAY,GAAc,EAAS,EAOjD,IAAyD;EAC7D,GANkB,EAClB,GACA,EAAa,MACd;EAIC,KAAK;EACL,GAAI,EAAa,OAAO,OAAmC,EAAE,GAA9B,EAAE,KAAK,EAAa,KAAK;EACzD;AAED,QAAO,EAAM,cACX,EAAa,MACb,EACD;;AAGH,EAAK,cAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuka-ui/core",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "A React component library built on Tailwind v4, composable and customizable via CSS variables and props.",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -23,17 +23,21 @@
   ],
   "scripts": {
     "build": "vite build",
+    "build:storybook": "storybook build",
     "dev": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
+    "pretest:dist": "npm run build",
+    "test:dist": "vitest run --config vitest.dist.config.ts",
+    "test:eslint-plugin": "node --test tools/eslint-plugin-nuka/",
+    "test:all": "npm run test && npm run test:eslint-plugin && npm run test:dist",
     "lint": "eslint src",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,css}\"",
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist",
     "prepare": "npm run build",
-    "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
-    "format:check": "prettier --check \"src/**/*.{ts,tsx,css}\"",
     "release": "npm run build && changeset publish"
   },
   "keywords": [