@brosco/ui 0.0.22 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,11 +2,12 @@ import { Spinner as e } from "../spinner/index.js";
2
2
  import { Button as t } from "@base-ui/react";
3
3
  import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
4
  import './button-D4ZNioAF.css';//#region src/button/button.module.css
5
- var i = {}, a = ({ children: a, icon: o, isPending: s, ...c }) => /* @__PURE__ */ r(t, {
5
+ var i = {}, a = ({ children: a, icon: o, isPending: s, isIconOnly: c, ...l }) => /* @__PURE__ */ r(t, {
6
6
  className: i.wrapper,
7
7
  "data-pending": s,
8
- ...c,
9
- children: [s ? /* @__PURE__ */ n(e, {}) : o, a]
8
+ "data-icon-only": c,
9
+ ...l,
10
+ children: [s ? /* @__PURE__ */ n(e, {}) : o, !c && /* @__PURE__ */ n("span", { children: a })]
10
11
  });
11
12
  //#endregion
12
13
  export { a as t };
@@ -1,7 +1,2 @@
1
- import type { ButtonProps as BaseButtonProps } from "@base-ui/react";
2
- import type { ReactNode } from "react";
3
- export type ButtonProps = BaseButtonProps & {
4
- icon?: ReactNode;
5
- isPending?: boolean;
6
- };
7
- export declare const Button: ({ children, icon, isPending, ...props }: ButtonProps) => import("react").JSX.Element;
1
+ import type { ButtonProps } from "./button.types";
2
+ export declare const Button: ({ children, icon, isPending, isIconOnly, ...props }: ButtonProps) => import("react").JSX.Element;
@@ -0,0 +1,11 @@
1
+ import type { ButtonProps as BaseButtonProps } from "@base-ui/react";
2
+ import type { ReactNode } from "react";
3
+ export type ButtonProps = BaseButtonProps & {
4
+ isPending?: boolean;
5
+ } & ({
6
+ icon?: never;
7
+ isIconOnly?: never;
8
+ } | {
9
+ icon: ReactNode;
10
+ isIconOnly?: boolean;
11
+ });
@@ -1 +1,2 @@
1
1
  export * from "./button";
2
+ export * from "./button.types";
@@ -1,2 +1,2 @@
1
- import { t as e } from "./button-C6PhxKcd.js";
1
+ import { t as e } from "./button-Cgz8SZfV.js";
2
2
  export { e as Button };
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { Spinner as e } from "./spinner/index.js";
2
- import { t } from "./button/button-C6PhxKcd.js";
2
+ import { t } from "./button/button-Cgz8SZfV.js";
3
3
  export { t as Button, e as Spinner };
@@ -1 +1,2 @@
1
1
  export * from "./spinner";
2
+ export * from "./spinner.types";
@@ -1,16 +1,18 @@
1
- import { jsx as e } from "react/jsx-runtime";
1
+ import { cn as e } from "cn";
2
+ import { jsx as t } from "react/jsx-runtime";
2
3
  //#region src/spinner/spinner.tsx
3
- var t = ({ size: t = 24 }) => /* @__PURE__ */ e("svg", {
4
+ var n = ({ className: n, size: r = 24, ...i }) => /* @__PURE__ */ t("svg", {
4
5
  stroke: "currentColor",
5
6
  fill: "currentColor",
6
7
  strokeWidth: "0",
7
8
  version: "1.1",
8
9
  viewBox: "0 0 16 16",
9
- height: t,
10
- width: t,
10
+ height: r,
11
+ width: r,
11
12
  xmlns: "http://www.w3.org/2000/svg",
12
- className: "animate-spin",
13
- children: /* @__PURE__ */ e("path", { d: "M16 8c-0.020-1.045-0.247-2.086-0.665-3.038-0.417-0.953-1.023-1.817-1.766-2.53s-1.624-1.278-2.578-1.651c-0.953-0.374-1.978-0.552-2.991-0.531-1.013 0.020-2.021 0.24-2.943 0.646-0.923 0.405-1.758 0.992-2.449 1.712s-1.237 1.574-1.597 2.497c-0.361 0.923-0.533 1.914-0.512 2.895 0.020 0.981 0.234 1.955 0.627 2.847 0.392 0.892 0.961 1.7 1.658 2.368s1.523 1.195 2.416 1.543c0.892 0.348 1.851 0.514 2.799 0.493 0.949-0.020 1.89-0.227 2.751-0.608 0.862-0.379 1.642-0.929 2.287-1.604s1.154-1.472 1.488-2.335c0.204-0.523 0.342-1.069 0.415-1.622 0.019 0.001 0.039 0.002 0.059 0.002 0.552 0 1-0.448 1-1 0-0.028-0.001-0.056-0.004-0.083h0.004zM14.411 10.655c-0.367 0.831-0.898 1.584-1.55 2.206s-1.422 1.112-2.254 1.434c-0.832 0.323-1.723 0.476-2.608 0.454-0.884-0.020-1.759-0.215-2.56-0.57-0.801-0.354-1.526-0.867-2.125-1.495s-1.071-1.371-1.38-2.173c-0.31-0.801-0.457-1.66-0.435-2.512s0.208-1.694 0.551-2.464c0.342-0.77 0.836-1.468 1.441-2.044s1.321-1.029 2.092-1.326c0.771-0.298 1.596-0.438 2.416-0.416s1.629 0.202 2.368 0.532c0.74 0.329 1.41 0.805 1.963 1.387s0.988 1.27 1.272 2.011c0.285 0.74 0.418 1.532 0.397 2.32h0.004c-0.002 0.027-0.004 0.055-0.004 0.083 0 0.516 0.39 0.94 0.892 0.994-0.097 0.544-0.258 1.075-0.481 1.578z" })
13
+ className: e("animate-spin", n),
14
+ ...i,
15
+ children: /* @__PURE__ */ t("path", { d: "M16 8c-0.020-1.045-0.247-2.086-0.665-3.038-0.417-0.953-1.023-1.817-1.766-2.53s-1.624-1.278-2.578-1.651c-0.953-0.374-1.978-0.552-2.991-0.531-1.013 0.020-2.021 0.24-2.943 0.646-0.923 0.405-1.758 0.992-2.449 1.712s-1.237 1.574-1.597 2.497c-0.361 0.923-0.533 1.914-0.512 2.895 0.020 0.981 0.234 1.955 0.627 2.847 0.392 0.892 0.961 1.7 1.658 2.368s1.523 1.195 2.416 1.543c0.892 0.348 1.851 0.514 2.799 0.493 0.949-0.020 1.89-0.227 2.751-0.608 0.862-0.379 1.642-0.929 2.287-1.604s1.154-1.472 1.488-2.335c0.204-0.523 0.342-1.069 0.415-1.622 0.019 0.001 0.039 0.002 0.059 0.002 0.552 0 1-0.448 1-1 0-0.028-0.001-0.056-0.004-0.083h0.004zM14.411 10.655c-0.367 0.831-0.898 1.584-1.55 2.206s-1.422 1.112-2.254 1.434c-0.832 0.323-1.723 0.476-2.608 0.454-0.884-0.020-1.759-0.215-2.56-0.57-0.801-0.354-1.526-0.867-2.125-1.495s-1.071-1.371-1.38-2.173c-0.31-0.801-0.457-1.66-0.435-2.512s0.208-1.694 0.551-2.464c0.342-0.77 0.836-1.468 1.441-2.044s1.321-1.029 2.092-1.326c0.771-0.298 1.596-0.438 2.416-0.416s1.629 0.202 2.368 0.532c0.74 0.329 1.41 0.805 1.963 1.387s0.988 1.27 1.272 2.011c0.285 0.74 0.418 1.532 0.397 2.32h0.004c-0.002 0.027-0.004 0.055-0.004 0.083 0 0.516 0.39 0.94 0.892 0.994-0.097 0.544-0.258 1.075-0.481 1.578z" })
14
16
  });
15
17
  //#endregion
16
- export { t as Spinner };
18
+ export { n as Spinner };
@@ -1,4 +1,2 @@
1
- export type SpinnerProps = {
2
- size?: number;
3
- };
4
- export declare const Spinner: ({ size }: SpinnerProps) => import("react").JSX.Element;
1
+ import type { SpinnerProps } from "./spinner.types";
2
+ export declare const Spinner: ({ className, size, ...props }: SpinnerProps) => import("react").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import type { SVGProps } from "react";
2
+ export type SpinnerProps = SVGProps<SVGSVGElement> & {
3
+ size?: number;
4
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brosco/ui",
3
- "version": "0.0.22",
3
+ "version": "0.0.23",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -18,10 +18,12 @@
18
18
  "lint": "eslint .",
19
19
  "preview": "vite preview",
20
20
  "format": "prettier --write \"**/*.{js,ts,jsx,tsx,md,mdx,mjs,css,json}\"",
21
- "release": "npm publish --access public"
21
+ "release": "npm publish --access public",
22
+ "clear": "rimraf dist"
22
23
  },
23
24
  "peerDependencies": {
24
- "@base-ui/react": "^1.8.0"
25
+ "@base-ui/react": "^1.8.0",
26
+ "cn": "^0.3.0"
25
27
  },
26
28
  "devDependencies": {
27
29
  "@eslint/js": "^10.0.1",
@@ -40,6 +42,7 @@
40
42
  "prettier-plugin-classnames": "^0.10.4",
41
43
  "prettier-plugin-merge": "^0.10.1",
42
44
  "prettier-plugin-tailwindcss": "^0.8.1",
45
+ "rimraf": "^6.1.3",
43
46
  "tailwindcss": "^4.3.3",
44
47
  "typescript": "^5.9.3",
45
48
  "typescript-eslint": "^8.69.0",