@brosco/ui 0.0.128 → 0.0.130

package/dist/client.d.ts

@@ -0,0 +1,120 @@
+import { ContextMenuPortalProps, Menu as Menu_2 } from "@base-ui/react"
+import {
+  ComponentProps,
+  ComponentPropsWithoutRef,
+  ComponentType,
+  ForwardRefExoticComponent,
+  JSX,
+  PropsWithChildren,
+  ReactElement,
+  RefAttributes,
+} from "react"
+import { TVReturnType, TVReturnTypeLike, VariantProps } from "tailwind-variants"
+
+declare type ContextValue = {
+  link: ComponentType<
+    Omit<ComponentPropsWithoutRef<"a">, "href"> & {
+      href: string
+    }
+  >
+  pathname: string
+}
+
+export declare const DropdownMenu: ({ menu, ...props }: Props) => JSX.Element
+
+declare const Menu: {
+  Positioner: (props: Menu_2.Positioner.Props) => JSX.Element
+  Popup: ({ className, ...props }: Menu_2.Popup.Props) => JSX.Element
+  Separator: ({ className, ...props }: Menu_2.Separator.Props) => JSX.Element
+  Item: ({
+    isActive,
+    isDanger,
+    className,
+    disabled,
+    render,
+    ...props
+  }: MenuItemProps) => JSX.Element
+  Group: ({ className, ...props }: Menu_2.Group.Props) => JSX.Element
+  GroupLabel: ({ className, ...props }: Menu_2.GroupLabel.Props) => JSX.Element
+  Root: <Payload>(props: Menu_2.Root.Props<Payload>) => React.JSX.Element
+  Trigger: Menu_2.Trigger
+  Portal: ForwardRefExoticComponent<
+    Omit<ContextMenuPortalProps, "ref"> & RefAttributes<HTMLDivElement>
+  >
+}
+
+declare type MenuItemProps = Menu_2.Item.Props &
+  VariantProps<typeof menuVariants>
+
+declare const menuVariants: TVReturnType<
+  {
+    isActive: {
+      true: "menu--item-active"
+    }
+    isDanger: {
+      true: "menu--item-danger"
+    }
+  },
+  undefined,
+  undefined,
+  {
+    isActive: {
+      true: "menu--item-active"
+    }
+    isDanger: {
+      true: "menu--item-danger"
+    }
+  },
+  undefined,
+  TVReturnTypeLike<
+    {
+      isActive: {
+        true: "menu--item-active"
+      }
+      isDanger: {
+        true: "menu--item-danger"
+      }
+    },
+    undefined
+  >
+>
+
+declare type NonEmptyArray<T> = [T, ...T[]]
+
+declare type PartialBy<T, K extends keyof T = keyof T> = Omit<T, K> &
+  Partial<Pick<T, K>>
+
+declare type Props = ComponentProps<typeof Menu.Trigger> & {
+  menu: NonEmptyArray<{
+    groupLabel?: string
+    items: NonEmptyArray<
+      {
+        label: string
+        icon: ReactElement
+        isDanger?: true
+        disabled?: boolean
+      } & (
+        | {
+            href: string
+            onClick?: never
+          }
+        | {
+            href?: never
+            onClick: () => void
+          }
+      )
+    >
+  }>
+}
+
+declare type ProviderProps = PropsWithChildren<PartialBy<ContextValue, "link">>
+
+export declare const UIProvider: ({
+  link,
+  pathname,
+  children,
+}: ProviderProps) => JSX.Element
+
+export declare const useUIContext: () => ContextValue
+
+export {}

package/dist/client.js

@@ -0,0 +1 @@
+"use client";import{t as e}from"./menu-DOI75GlK.js";import{Fragment as t,createContext as n,useContext as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o=n(null),s=({link:e=e=>/* @__PURE__ */ i(`a`,{...e}),pathname:t=`/`,children:n})=>/* @__PURE__ */ i(o,{value:{link:e,pathname:t},children:n}),c=()=>{let e=r(o);if(!e)throw Error(`useUIContext must be used within UIProvider`);return e},l=({menu:n,...r})=>{let{link:o,pathname:s}=c();return/* @__PURE__ */ a(e.Root,{children:[/* @__PURE__ */ i(e.Trigger,{...r}),/* @__PURE__ */ i(e.Portal,{children:/* @__PURE__ */ i(e.Positioner,{children:/* @__PURE__ */ i(e.Popup,{children:n.map(({items:r,groupLabel:c},l)=>/* @__PURE__ */ a(t,{children:[/* @__PURE__ */ a(e.Group,{children:[c&&/* @__PURE__ */ i(e.GroupLabel,{children:c}),r.map(({label:t,isDanger:n,icon:r,href:c,disabled:l,onClick:u})=>/* @__PURE__ */ a(e.Item,{disabled:l,isActive:s===c,isDanger:n,render:c?/* @__PURE__ */ i(o,{href:c}):void 0,onClick:u,children:[r,t]},c||t))]}),n.length-l>1&&/* @__PURE__ */ i(e.Separator,{})]},r[0].label))})})})]})};export{l as DropdownMenu,s as UIProvider,c as useUIContext};

package/dist/menu-DOI75GlK.js

@@ -0,0 +1 @@
+import{Menu as e}from"@base-ui/react";import{isValidElement as t}from"react";import{jsx as n}from"react/jsx-runtime";import{cn as r,tv as i}from"tailwind-variants";var a=e=>t(e)&&typeof e.props==`object`&&e.props&&`href`in e.props,o=i({variants:{isActive:{true:`menu--item-active`},isDanger:{true:`menu--item-danger`}}}),s={Positioner:t=>/* @__PURE__ */ n(e.Positioner,{sideOffset:8,...t}),Popup:({className:t,...i})=>/* @__PURE__ */ n(e.Popup,{className:r(`menu--popup`,t),...i}),Separator:({className:t,...i})=>/* @__PURE__ */ n(e.Separator,{className:r(`menu--separator`,t),...i}),Item:({isActive:t,isDanger:i,className:s,disabled:c,render:l,...u})=>{let d=a(l);return/* @__PURE__ */ n(e.Item,{className:r(`menu--item`,o({isActive:t,isDanger:i}),s,t&&`opacity-100`),disabled:t||c,nativeButton:!d,render:l,...u})},Group:({className:t,...i})=>/* @__PURE__ */ n(e.Group,{className:r(`menu--group`,t),...i}),GroupLabel:({className:t,...i})=>/* @__PURE__ */ n(e.GroupLabel,{className:r(`menu--group-label`,t),...i}),Root:e.Root,Trigger:e.Trigger,Portal:e.Portal};export{a as n,s as t};

package/dist/{index.d.ts → server.d.ts}

@@ -4,13 +4,8 @@ import {
   Menu as Menu_2,
 } from "@base-ui/react"
 import {
-  ComponentProps,
-  ComponentPropsWithoutRef,
-  ComponentType,
   ForwardRefExoticComponent,
   JSX,
-  PropsWithChildren,
-  ReactElement,
   ReactNode,
   RefAttributes,
   SVGProps,
@@ -33,17 +28,6 @@ export declare const Button: ({
   ...props
 }: Props) => JSX.Element
 
-declare type ContextValue = {
-  link: ComponentType<
-    Omit<ComponentPropsWithoutRef<"a">, "href"> & {
-      href: string
-    }
-  >
-  pathname: string
-}
-
-export declare const DropdownMenu: ({ menu, ...props }: Props_2) => JSX.Element
-
 declare const linkVariants: TVReturnType<
   {
     variant: {
@@ -206,58 +190,20 @@ declare const menuVariants: TVReturnType<
   >
 >
 
-declare type NonEmptyArray<T> = [T, ...T[]]
-
-declare type PartialBy<T, K extends keyof T = keyof T> = Omit<T, K> &
-  Partial<Pick<T, K>>
-
 declare type Props = ButtonProps &
   VariantProps<typeof linkVariants> & {
     icon?: ReactNode
     isPending?: boolean
   }
 
-declare type Props_2 = ComponentProps<typeof Menu.Trigger> & {
-  menu: NonEmptyArray<{
-    groupLabel?: string
-    items: NonEmptyArray<
-      {
-        label: string
-        icon: ReactElement
-        isDanger?: true
-        disabled?: boolean
-      } & (
-        | {
-            href: string
-            onClick?: never
-          }
-        | {
-            href?: never
-            onClick: () => void
-          }
-      )
-    >
-  }>
-}
-
-declare type Props_3 = SVGProps<SVGSVGElement> & {
+declare type Props_2 = SVGProps<SVGSVGElement> & {
   size?: number
 }
 
-declare type ProviderProps = PropsWithChildren<PartialBy<ContextValue, "link">>
-
 export declare const Spinner: ({
   className,
   size,
   ...props
-}: Props_3) => JSX.Element
-
-export declare const UIProvider: ({
-  link,
-  pathname,
-  children,
-}: ProviderProps) => JSX.Element
-
-export declare const useUIContext: () => ContextValue
+}: Props_2) => JSX.Element
 
 export {}

package/dist/server.js

@@ -0,0 +1 @@
+import{n as e,t}from"./menu-DOI75GlK.js";import{Button as n}from"@base-ui/react";import{cn as r}from"cn";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{tv as o}from"tailwind-variants";var s=({className:e,size:t=24,...n})=>/* @__PURE__ */ i(`svg`,{className:r(`spinner`,e),fill:`currentColor`,height:t,stroke:`currentColor`,strokeWidth:`0`,version:`1.1`,viewBox:`0 0 16 16`,width:t,xmlns:`http://www.w3.org/2000/svg`,...n,children:/* @__PURE__ */ i(`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`})}),c=o({base:`button`,variants:{variant:{solid:`button--solid`,bordered:`button--bordered`,light:`button--light`},color:{primary:`button--primary`,secondary:`button--secondary`,success:`button--success`,danger:`button--danger`},rounded:{full:`rounded-full`,lg:`rounded-lg`,md:`rounded-md`,sm:`rounded-sm`,none:`rounded-none`},size:{sm:`button--sm`,md:`button--md`,lg:`button--lg`},isIconOnly:{true:`button--icon-only`,false:`px-4`},fullWidth:{true:`w-full`}},defaultVariants:{variant:`light`,color:`primary`,rounded:`lg`,size:`md`}}),l=o({extend:c,defaultVariants:{variant:`solid`}}),u=({children:t,className:o,render:u,icon:d,isPending:f,disabled:p,variant:m,color:h,rounded:g,size:_,isIconOnly:v,fullWidth:y,...b})=>{let x={variant:m,color:h,rounded:g,size:_,isIconOnly:v,fullWidth:y},S=e(u);return/* @__PURE__ */ a(n,{className:r(S?c(x):l(x),o),disabled:f||p,nativeButton:!S,render:u,...b,children:[f?/* @__PURE__ */ i(s,{}):d,!v&&t]})};export{u as Button,t as Menu,s as Spinner};

package/package.json

@@ -1,14 +1,18 @@
 {
   "name": "@brosco/ui",
-  "version": "0.0.128",
+  "version": "0.0.130",
   "type": "module",
   "files": [
     "dist"
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.js"
     },
     "./styles.css": "./dist/styles.css"
   },
@@ -23,7 +27,7 @@
     "tsc": "tsc --noEmit",
     "prepare": "husky"
   },
-  "dependencies": {
+  "peerDependencies": {
     "@base-ui/react": "^1.8.0",
     "cn": "^0.4.0",
     "tailwind-variants": "^3.3.1"
@@ -48,6 +52,7 @@
     "prettier-plugin-merge": "^0.10.1",
     "prettier-plugin-tailwindcss": "^0.8.1",
     "rimraf": "^6.1.3",
+    "rollup-preserve-directives": "^1.1.3",
     "tailwindcss": "^4.3.3",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.71.0",

package/dist/index.js

@@ -1 +0,0 @@
-import{Button as e,Menu as t}from"@base-ui/react";import{cn as n}from"cn";import{Fragment as r,createContext as i,isValidElement as a,useContext as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{cn as l,tv as u}from"tailwind-variants";var d=e=>a(e)&&typeof e.props==`object`&&e.props&&`href`in e.props,f=({className:e,size:t=24,...r})=>/* @__PURE__ */ s(`svg`,{className:n(`spinner`,e),fill:`currentColor`,height:t,stroke:`currentColor`,strokeWidth:`0`,version:`1.1`,viewBox:`0 0 16 16`,width:t,xmlns:`http://www.w3.org/2000/svg`,...r,children:/* @__PURE__ */ s(`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`})}),p=u({base:`button`,variants:{variant:{solid:`button--solid`,bordered:`button--bordered`,light:`button--light`},color:{primary:`button--primary`,secondary:`button--secondary`,success:`button--success`,danger:`button--danger`},rounded:{full:`rounded-full`,lg:`rounded-lg`,md:`rounded-md`,sm:`rounded-sm`,none:`rounded-none`},size:{sm:`button--sm`,md:`button--md`,lg:`button--lg`},isIconOnly:{true:`button--icon-only`,false:`px-4`},fullWidth:{true:`w-full`}},defaultVariants:{variant:`light`,color:`primary`,rounded:`lg`,size:`md`}}),m=u({extend:p,defaultVariants:{variant:`solid`}}),h=({children:t,className:r,render:i,icon:a,isPending:o,disabled:l,variant:u,color:h,rounded:g,size:_,isIconOnly:v,fullWidth:y,...b})=>{let x={variant:u,color:h,rounded:g,size:_,isIconOnly:v,fullWidth:y},S=d(i);return/* @__PURE__ */ c(e,{className:n(S?p(x):m(x),r),disabled:o||l,nativeButton:!S,render:i,...b,children:[o?/* @__PURE__ */ s(f,{}):a,!v&&t]})},g=u({variants:{isActive:{true:`menu--item-active`},isDanger:{true:`menu--item-danger`}}}),_={Positioner:e=>/* @__PURE__ */ s(t.Positioner,{sideOffset:8,...e}),Popup:({className:e,...n})=>/* @__PURE__ */ s(t.Popup,{className:l(`menu--popup`,e),...n}),Separator:({className:e,...n})=>/* @__PURE__ */ s(t.Separator,{className:l(`menu--separator`,e),...n}),Item:({isActive:e,isDanger:n,className:r,disabled:i,render:a,...o})=>{let c=d(a);return/* @__PURE__ */ s(t.Item,{className:l(`menu--item`,g({isActive:e,isDanger:n}),r,e&&`opacity-100`),disabled:e||i,nativeButton:!c,render:a,...o})},Group:({className:e,...n})=>/* @__PURE__ */ s(t.Group,{className:l(`menu--group`,e),...n}),GroupLabel:({className:e,...n})=>/* @__PURE__ */ s(t.GroupLabel,{className:l(`menu--group-label`,e),...n}),Root:t.Root,Trigger:t.Trigger,Portal:t.Portal},v=i(null),y=({link:e=e=>/* @__PURE__ */ s(`a`,{...e}),pathname:t=`/`,children:n})=>/* @__PURE__ */ s(v,{value:{link:e,pathname:t},children:n}),b=()=>{let e=o(v);if(!e)throw Error(`useUIContext must be used within UIProvider`);return e},x=({menu:e,...t})=>{let{link:n,pathname:i}=b();return/* @__PURE__ */ c(_.Root,{children:[/* @__PURE__ */ s(_.Trigger,{...t}),/* @__PURE__ */ s(_.Portal,{children:/* @__PURE__ */ s(_.Positioner,{children:/* @__PURE__ */ s(_.Popup,{children:e.map(({items:t,groupLabel:a},o)=>/* @__PURE__ */ c(r,{children:[/* @__PURE__ */ c(_.Group,{children:[a&&/* @__PURE__ */ s(_.GroupLabel,{children:a}),t.map(({label:e,isDanger:t,icon:r,href:a,disabled:o,onClick:l})=>/* @__PURE__ */ c(_.Item,{disabled:o,isActive:i===a,isDanger:t,render:a?/* @__PURE__ */ s(n,{href:a}):void 0,onClick:l,children:[r,e]},a||e))]}),e.length-o>1&&/* @__PURE__ */ s(_.Separator,{})]},t[0].label))})})})]})};export{h as Button,x as DropdownMenu,_ as Menu,f as Spinner,y as UIProvider,b as useUIContext};