ionbase-ui 0.1.0 → 0.1.1

package/dist/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAKL,KAAK,eAAe,EACrB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,WAAY,SAAQ,eAAe,CAAC,QAAQ,CAAC;IAC5D,8CAA8C;IAC9C,OAAO,CAAC,EACJ,eAAe,GACf,iBAAiB,GACjB,WAAW,GACX,UAAU,GACV,aAAa,CAAC;IAClB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,gDAAgD;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,uFAoElB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAKL,KAAK,eAAe,EACrB,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,WAAY,SAAQ,eAAe,CAAC,QAAQ,CAAC;IAC5D,8CAA8C;IAC9C,OAAO,CAAC,EACJ,eAAe,GACf,iBAAiB,GACjB,WAAW,GACX,UAAU,GACV,aAAa,CAAC;IAClB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,gDAAgD;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,uFA6ElB,CAAC"}

package/dist/components/Button.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useButton, useHover, useFocusRing, mergeProps, } from 'react-aria';
+import { ARIA_BUTTON_NON_DOM_PROPS, omitProps } from './dom-props.js';
 export const Button = forwardRef((props, forwardedRef) => {
     const { variant = 'primary-brand', size = 'md', startIcon, endIcon, className: customClassName, children, isDisabled, ...restProps } = props;
     const domRef = useRef(null);
@@ -37,7 +38,15 @@ export const Button = forwardRef((props, forwardedRef) => {
         'data-focused': isFocusVisible || undefined,
         'data-disabled': isDisabled || undefined,
     };
-    return (_jsxs("button", { ...restProps, ...mergeProps(buttonProps, hoverProps, focusProps), ...stateAttributes, ref: domRef, className: classNames, children: [startIcon && (_jsx("span", { className: "ion-button__icon-start", children: startIcon })), children && _jsx("span", { className: "ion-button__label", children: children }), endIcon && _jsx("span", { className: "ion-button__icon-end", children: endIcon })] }));
+    /*
+     * `useButton` above was handed the *full* props object, so it has already
+     * taken `onPress` and friends and wired them up. What is left in
+     * `restProps` is a duplicate set that React Aria has no further use for —
+     * and spreading it would put `onPress` on the DOM node, which React warns
+     * about and ignores. See ./dom-props.ts for the list and its provenance.
+     */
+    const domProps = omitProps(restProps, ARIA_BUTTON_NON_DOM_PROPS);
+    return (_jsxs("button", { ...domProps, ...mergeProps(buttonProps, hoverProps, focusProps), ...stateAttributes, ref: domRef, className: classNames, children: [startIcon && (_jsx("span", { className: "ion-button__icon-start", children: startIcon })), children && _jsx("span", { className: "ion-button__label", children: children }), endIcon && _jsx("span", { className: "ion-button__icon-end", children: endIcon })] }));
 });
 Button.displayName = 'Button';
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,UAAU,GAEX,MAAM,YAAY,CAAC;AAsBpB,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACtB,MAAM,EACJ,OAAO,GAAG,eAAe,EACzB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,OAAO,EACP,SAAS,EAAE,eAAe,EAC1B,QAAQ,EACR,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC/C,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAQ,CAAC,CAAC;IAEzD,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAE5D;;;;;;;;;;;OAWG;IACH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;IAC3D,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG;QACjB,YAAY;QACZ,eAAe,OAAO,EAAE;QACxB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;QAC1C,eAAe,IAAI,EAAE;KACtB;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,uEAAuE;IACvE,qEAAqE;IACrE,gCAAgC;IAChC,MAAM,eAAe,GAAG;QACtB,cAAc,EAAE,SAAS,IAAI,SAAS;QACtC,cAAc,EAAE,SAAS,IAAI,SAAS;QACtC,cAAc,EAAE,cAAc,IAAI,SAAS;QAC3C,eAAe,EAAE,UAAU,IAAI,SAAS;KACzC,CAAC;IAEF,OAAO,CACL,qBACM,SAAS,KACT,UAAU,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,CAAC,KAC/C,eAAe,EACnB,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,aAEpB,SAAS,IAAI,CACZ,eAAM,SAAS,EAAC,wBAAwB,YAAE,SAAS,GAAQ,CAC5D,EACA,QAAQ,IAAI,eAAM,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAQ,EACjE,OAAO,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAQ,IAC5D,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,UAAU,GAEX,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAsBtE,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACtB,MAAM,EACJ,OAAO,GAAG,eAAe,EACzB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,OAAO,EACP,SAAS,EAAE,eAAe,EAC1B,QAAQ,EACR,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC/C,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAQ,CAAC,CAAC;IAEzD,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAE5D;;;;;;;;;;;OAWG;IACH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;IAC3D,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG;QACjB,YAAY;QACZ,eAAe,OAAO,EAAE;QACxB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;QAC1C,eAAe,IAAI,EAAE;KACtB;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,uEAAuE;IACvE,qEAAqE;IACrE,gCAAgC;IAChC,MAAM,eAAe,GAAG;QACtB,cAAc,EAAE,SAAS,IAAI,SAAS;QACtC,cAAc,EAAE,SAAS,IAAI,SAAS;QACtC,cAAc,EAAE,cAAc,IAAI,SAAS;QAC3C,eAAe,EAAE,UAAU,IAAI,SAAS;KACzC,CAAC;IAEF;;;;;;OAMG;IACH,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,EAAE,yBAAyB,CAAC,CAAC;IAEjE,OAAO,CACL,qBACM,QAAQ,KACR,UAAU,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,CAAC,KAC/C,eAAe,EACnB,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,aAEpB,SAAS,IAAI,CACZ,eAAM,SAAS,EAAC,wBAAwB,YAAE,SAAS,GAAQ,CAC5D,EACA,QAAQ,IAAI,eAAM,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAQ,EACjE,OAAO,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAQ,IAC5D,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/dom-props.d.ts

@@ -0,0 +1,51 @@
+/**
+ * React Aria prop types are not DOM prop types.
+ *
+ * A component that extends `AriaButtonProps` (or any other `Aria*Props`) and
+ * then spreads its leftover props onto an element ships those extras straight
+ * to the DOM. React logs `Unknown event handler property \`onPress\`. It will
+ * be ignored.` for the handlers and renders the rest as stray attributes — and
+ * nothing in this repo's build, lint, typecheck or Storybook run sees it,
+ * because it is a runtime console warning in the consumer's app.
+ *
+ * The hooks already read these off the *full* props object, so dropping them
+ * from the spread costs nothing: `useButton(props, ref)` still receives
+ * `onPress` and still fires it.
+ */
+/**
+ * Every `AriaButtonProps<'button'>` member that must not reach a `<button>`.
+ *
+ * Typed as `keyof AriaButtonProps<'button'>` on purpose: if a React Aria
+ * upgrade renames or removes one of these, this array stops compiling rather
+ * than silently going stale. That is the whole point — the bug this fixes was
+ * a hand-maintained mental list drifting from the library's actual type.
+ *
+ * Sources, as of react-aria 3.50:
+ *   PressEvents          onPress, onPressStart, onPressEnd, onPressChange,
+ *                        onPressUp
+ *   FocusEvents          onFocusChange
+ *   FocusableDOMProps    excludeFromTabOrder
+ *   AriaBaseButtonProps  preventFocusOnPress
+ *   LinkButtonProps      elementType, href, target, rel
+ *
+ * `onClick` is deliberately absent: it is a real DOM handler, and `useButton`
+ * returns its own `onClick` in `buttonProps`, which is spread afterwards and
+ * wins. Also absent are the many members that *are* valid button attributes —
+ * `type`, `name`, `value`, `form*`, `autoFocus`, `id`, `aria-*`, `onFocus`,
+ * `onBlur`, `onKeyDown`, `onKeyUp` — those must keep flowing through.
+ *
+ * The `LinkButtonProps` four are here because this Button always renders a
+ * `<button>`. `elementType` would draw React's unknown-prop warning; `href`,
+ * `target` and `rel` would render as attributes a `<button>` does nothing
+ * with.
+ */
+export declare const ARIA_BUTTON_NON_DOM_PROPS: readonly ["onPress", "onPressStart", "onPressEnd", "onPressChange", "onPressUp", "onFocusChange", "excludeFromTabOrder", "preventFocusOnPress", "elementType", "href", "target", "rel"];
+/**
+ * Returns `props` without `keys`, leaving `props` untouched.
+ *
+ * Preferred over a destructure with a long list of ignored bindings: the list
+ * lives next to the type it is derived from instead of being retyped in every
+ * component, and `no-unused-vars` has nothing to complain about.
+ */
+export declare function omitProps<T extends object, K extends readonly PropertyKey[]>(props: T, keys: K): Omit<T, K[number]>;
+//# sourceMappingURL=dom-props.d.ts.map

package/dist/components/dom-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-props.d.ts","sourceRoot":"","sources":["../../src/components/dom-props.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,yBAAyB,yLAa2B,CAAC;AAElE;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,SAAS,WAAW,EAAE,EAC1E,KAAK,EAAE,CAAC,EACR,IAAI,EAAE,CAAC,GACN,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAIpB"}

package/dist/components/dom-props.js

@@ -0,0 +1,69 @@
+/**
+ * React Aria prop types are not DOM prop types.
+ *
+ * A component that extends `AriaButtonProps` (or any other `Aria*Props`) and
+ * then spreads its leftover props onto an element ships those extras straight
+ * to the DOM. React logs `Unknown event handler property \`onPress\`. It will
+ * be ignored.` for the handlers and renders the rest as stray attributes — and
+ * nothing in this repo's build, lint, typecheck or Storybook run sees it,
+ * because it is a runtime console warning in the consumer's app.
+ *
+ * The hooks already read these off the *full* props object, so dropping them
+ * from the spread costs nothing: `useButton(props, ref)` still receives
+ * `onPress` and still fires it.
+ */
+/**
+ * Every `AriaButtonProps<'button'>` member that must not reach a `<button>`.
+ *
+ * Typed as `keyof AriaButtonProps<'button'>` on purpose: if a React Aria
+ * upgrade renames or removes one of these, this array stops compiling rather
+ * than silently going stale. That is the whole point — the bug this fixes was
+ * a hand-maintained mental list drifting from the library's actual type.
+ *
+ * Sources, as of react-aria 3.50:
+ *   PressEvents          onPress, onPressStart, onPressEnd, onPressChange,
+ *                        onPressUp
+ *   FocusEvents          onFocusChange
+ *   FocusableDOMProps    excludeFromTabOrder
+ *   AriaBaseButtonProps  preventFocusOnPress
+ *   LinkButtonProps      elementType, href, target, rel
+ *
+ * `onClick` is deliberately absent: it is a real DOM handler, and `useButton`
+ * returns its own `onClick` in `buttonProps`, which is spread afterwards and
+ * wins. Also absent are the many members that *are* valid button attributes —
+ * `type`, `name`, `value`, `form*`, `autoFocus`, `id`, `aria-*`, `onFocus`,
+ * `onBlur`, `onKeyDown`, `onKeyUp` — those must keep flowing through.
+ *
+ * The `LinkButtonProps` four are here because this Button always renders a
+ * `<button>`. `elementType` would draw React's unknown-prop warning; `href`,
+ * `target` and `rel` would render as attributes a `<button>` does nothing
+ * with.
+ */
+export const ARIA_BUTTON_NON_DOM_PROPS = [
+    'onPress',
+    'onPressStart',
+    'onPressEnd',
+    'onPressChange',
+    'onPressUp',
+    'onFocusChange',
+    'excludeFromTabOrder',
+    'preventFocusOnPress',
+    'elementType',
+    'href',
+    'target',
+    'rel',
+];
+/**
+ * Returns `props` without `keys`, leaving `props` untouched.
+ *
+ * Preferred over a destructure with a long list of ignored bindings: the list
+ * lives next to the type it is derived from instead of being retyped in every
+ * component, and `no-unused-vars` has nothing to complain about.
+ */
+export function omitProps(props, keys) {
+    const result = { ...props };
+    for (const key of keys)
+        delete result[key];
+    return result;
+}
+//# sourceMappingURL=dom-props.js.map

package/dist/components/dom-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-props.js","sourceRoot":"","sources":["../../src/components/dom-props.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,SAAS;IACT,cAAc;IACd,YAAY;IACZ,eAAe;IACf,WAAW;IACX,eAAe;IACf,qBAAqB;IACrB,qBAAqB;IACrB,aAAa;IACb,MAAM;IACN,QAAQ;IACR,KAAK;CAC0D,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CACvB,KAAQ,EACR,IAAO;IAEP,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAkC,CAAC;IAC5D,KAAK,MAAM,GAAG,IAAI,IAAI;QAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IAC3C,OAAO,MAA4B,CAAC;AACtC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ionbase-ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "IonBase Design System — accessible React components, styles and design tokens in one package",
   "license": "MIT",
   "type": "module",
@@ -14,8 +14,7 @@
     "./styles": "./dist/styles/index.css",
     "./styles/*": "./dist/styles/*",
     "./tokens": "./dist/styles/tokens/index.css",
-    "./tokens/*": "./dist/styles/tokens/*",
-    "./src/*": "./src/*"
+    "./tokens/*": "./dist/styles/tokens/*"
   },
   "keywords": [
     "design-system",
@@ -45,6 +44,14 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "dev": "tsc --watch",
+    "build": "node scripts/sync-tokens.mjs && tsc --build --force && node scripts/copy-css.mjs",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . && stylelint \"src/styles/*.css\"",
+    "format": "prettier --check .",
+    "icons:verify": "node scripts/verify-icons.mjs"
+  },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -58,13 +65,5 @@
   "//devDependencies": "lucide-react is a devDependency, not a dependency: nothing in src/ imports it. It is here only so scripts/verify-icons.mjs can compare the installed icon set against the Figma page. Consumers pick their own icon library. There is deliberately NO dependency on @ionbase-ui/tokens — it is private and would publish as a version that does not exist on npm. Build ordering is expressed in turbo.json instead.",
   "devDependencies": {
     "lucide-react": "^1.27.0"
-  },
-  "scripts": {
-    "dev": "tsc --watch",
-    "build": "node scripts/sync-tokens.mjs && tsc --build --force && node scripts/copy-css.mjs",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint . && stylelint \"src/styles/*.css\"",
-    "format": "prettier --check .",
-    "icons:verify": "node scripts/verify-icons.mjs"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 IonBase
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.