@xploreu/components 0.4.66 → 0.4.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xploreu/components",
-  "version": "0.4.66",
+  "version": "0.4.67",
   "description": "Shared UI components for XploreU apps",
   "license": "MIT",
   "author": {

package/dist/chunk-JLZNZFOO.js

@@ -1,2 +0,0 @@
-import'react';import {mergeProps}from'@base-ui/react/merge-props';import {useRender}from'@base-ui/react/use-render';import {cva}from'class-variance-authority';import {XIcon}from'lucide-react';import {cn}from'@xploreu/lib/cn';import {jsx}from'react/jsx-runtime';var c=cva("inline-flex items-center justify-center size-max whitespace-nowrap shrink-0 overflow-hidden transition-colors ring-1 ring-inset",{variants:{type:{rounded:"rounded-xp-full",square:"rounded-xp-card-base-sm",modern:"rounded-xp-card-base-sm shadow-xp-xs"},color:{gray:"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200",brand:"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200",error:"bg-utility-error-50 text-utility-error-700 ring-utility-error-200",warning:"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200",success:"bg-utility-success-50 text-utility-success-700 ring-utility-success-200","gray-blue":"bg-utility-gray-blue-50 text-utility-gray-blue-700 ring-utility-gray-blue-200","blue-light":"bg-utility-blue-light-50 text-utility-blue-light-700 ring-utility-blue-light-200",blue:"bg-utility-blue-50 text-utility-blue-700 ring-utility-blue-200",indigo:"bg-utility-indigo-50 text-utility-indigo-700 ring-utility-indigo-200",purple:"bg-utility-purple-50 text-utility-purple-700 ring-utility-purple-200",pink:"bg-utility-pink-50 text-utility-pink-700 ring-utility-pink-200",orange:"bg-utility-orange-50 text-utility-orange-700 ring-utility-orange-200"},size:{xs:["text-tiny-medium py-0.5 gap-1","[&_[data-slot=badge-icon]]:size-2.5 [&_[data-slot=badge-avatar]]:size-3"],sm:["text-body-medium-3 py-0.5 gap-1","[&_[data-slot=badge-icon]]:size-3 [&_[data-slot=badge-avatar]]:size-4"],md:["text-body-medium-2 py-0.5 gap-1.5","[&_[data-slot=badge-icon]]:size-3.5 [&_[data-slot=badge-avatar]]:size-4"],lg:["text-body-medium-2 py-1 gap-1.5","[&_[data-slot=badge-icon]]:size-3.5 [&_[data-slot=badge-avatar]]:size-4.5"]}},compoundVariants:[{type:"modern",className:"bg-bg-primary text-text-secondary ring-border-primary"},{type:"rounded",size:"xs",className:["px-1.5","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1","has-[[data-slot=badge-dot]]:pl-1","has-[[data-slot=badge-avatar]]:pl-0.5","has-[[data-slot=badge-icon][data-position=trailing]]:pr-1","has-[[data-slot=badge-close]]:pr-0.5"]},{type:"rounded",size:"sm",className:["px-2","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1.5","has-[[data-slot=badge-dot]]:pl-1.5","has-[[data-slot=badge-avatar]]:pl-0.75","has-[[data-slot=badge-icon][data-position=trailing]]:pr-1.5","has-[[data-slot=badge-close]]:pr-0.75"]},{type:"rounded",size:"md",className:["px-2.5","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-2","has-[[data-slot=badge-dot]]:pl-2","has-[[data-slot=badge-avatar]]:pl-1","has-[[data-slot=badge-icon][data-position=trailing]]:pr-2","has-[[data-slot=badge-close]]:pr-1"]},{type:"rounded",size:"lg",className:["px-3","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-2.5","has-[[data-slot=badge-dot]]:pl-2.5","has-[[data-slot=badge-avatar]]:pl-1.5","has-[[data-slot=badge-icon][data-position=trailing]]:pr-2.5","has-[[data-slot=badge-close]]:pr-1.5"]},{type:"square",size:"xs",className:["px-1","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-0.75","has-[[data-slot=badge-dot]]:pl-0.75","has-[[data-slot=badge-avatar]]:pl-0.5","has-[[data-slot=badge-icon][data-position=trailing]]:pr-0.75","has-[[data-slot=badge-close]]:pr-0.5"]},{type:"square",size:"sm",className:["px-1.5","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1","has-[[data-slot=badge-dot]]:pl-1","has-[[data-slot=badge-avatar]]:pl-1","has-[[data-slot=badge-icon][data-position=trailing]]:pr-1","has-[[data-slot=badge-close]]:pr-0.5"]},{type:"square",size:"md",className:["px-2","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1.5","has-[[data-slot=badge-dot]]:pl-1.5","has-[[data-slot=badge-avatar]]:pl-1.5","has-[[data-slot=badge-icon][data-position=trailing]]:pr-1.5","has-[[data-slot=badge-close]]:pr-0.75"]},{type:"square",size:"lg",className:["px-2.5","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-2","has-[[data-slot=badge-dot]]:pl-2","has-[[data-slot=badge-avatar]]:pl-2","has-[[data-slot=badge-icon][data-position=trailing]]:pr-2","has-[[data-slot=badge-close]]:pr-1"]},{type:"modern",size:"xs",className:["px-1","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-0.75","has-[[data-slot=badge-dot]]:pl-0.75","has-[[data-slot=badge-avatar]]:pl-0.5","has-[[data-slot=badge-icon][data-position=trailing]]:pr-0.75","has-[[data-slot=badge-close]]:pr-0.5"]},{type:"modern",size:"sm",className:["px-1.5","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1","has-[[data-slot=badge-dot]]:pl-1","has-[[data-slot=badge-avatar]]:pl-1","has-[[data-slot=badge-icon][data-position=trailing]]:pr-1","has-[[data-slot=badge-close]]:pr-0.5"]},{type:"modern",size:"md",className:["px-2","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1.5","has-[[data-slot=badge-dot]]:pl-1.5","has-[[data-slot=badge-avatar]]:pl-1.5","has-[[data-slot=badge-icon][data-position=trailing]]:pr-1.5","has-[[data-slot=badge-close]]:pr-0.75"]},{type:"modern",size:"lg",className:["px-2.5","has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-2","has-[[data-slot=badge-dot]]:pl-2","has-[[data-slot=badge-avatar]]:pl-2","has-[[data-slot=badge-icon][data-position=trailing]]:pr-2","has-[[data-slot=badge-close]]:pr-1"]}],defaultVariants:{type:"square",color:"gray",size:"md"}});function v({className:t,type:a,color:e,size:s,render:d,...r}){let p={"data-slot":"badge",className:cn(c({type:a,color:e,size:s}),t)};return useRender({defaultTagName:"span",props:mergeProps(p,r),render:d,state:{slot:"badge",type:a,color:e,size:s}})}function z({className:t,position:a="leading",children:e,...s}){return jsx("span",{"data-slot":"badge-icon","data-position":a,className:cn("inline-flex shrink-0 items-center justify-center pointer-events-none [&>svg]:size-full",t),...s,children:e})}function N({className:t,alt:a="",...e}){return jsx("img",{"data-slot":"badge-avatar",alt:a,className:cn("shrink-0 rounded-xp-full object-cover",t),...e})}function P({className:t,render:a,align:e="inline-end",...s}){let d={"data-slot":"badge-close","data-align":e,className:cn("p-0.5 inline-flex items-center justify-center rounded-xp-full hover:opacity-75 focus-visible:outline-none shrink-0 [&>svg]:size-2.5",t),type:"button",children:jsx(XIcon,{})};return useRender({defaultTagName:"button",render:a,props:mergeProps(d,s),state:{slot:"badge-close",align:e}})}function B({className:t,...a}){return jsx("span",{"data-slot":"badge-dot",className:cn("size-1.5 shrink-0 rounded-xp-full bg-current",t),...a})}export{c as a,v as b,z as c,N as d,P as e,B as f};//# sourceMappingURL=chunk-JLZNZFOO.js.map
-//# sourceMappingURL=chunk-JLZNZFOO.js.map

package/dist/chunk-JLZNZFOO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/badge.tsx"],"names":["badgeVariants","cva","Badge","className","type","color","size","render","props","defaultProps","cn","useRender","mergeProps","BadgeIcon","position","children","jsx","BadgeAvatar","alt","BadgeButton","align","XIcon","BadgeDot"],"mappings":"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","file":"chunk-JLZNZFOO.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { mergeProps } from \"@base-ui/react/merge-props\"\r\nimport { useRender } from \"@base-ui/react/use-render\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { XIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nconst badgeVariants = cva(\r\n  \"inline-flex items-center justify-center size-max whitespace-nowrap shrink-0 overflow-hidden transition-colors ring-1 ring-inset\",\r\n  {\r\n    variants: {\r\n      type: {\r\n        \"rounded\": \"rounded-xp-full\",\r\n        \"square\": \"rounded-xp-card-base-sm\",\r\n        \"modern\": \"rounded-xp-card-base-sm shadow-xp-xs\",\r\n      },\r\n      color: {\r\n        gray: \"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200\",\r\n        brand: \"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200\",\r\n        error: \"bg-utility-error-50 text-utility-error-700 ring-utility-error-200\",\r\n        warning: \"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200\",\r\n        success: \"bg-utility-success-50 text-utility-success-700 ring-utility-success-200\",\r\n        \"gray-blue\": \"bg-utility-gray-blue-50 text-utility-gray-blue-700 ring-utility-gray-blue-200\",\r\n        \"blue-light\": \"bg-utility-blue-light-50 text-utility-blue-light-700 ring-utility-blue-light-200\",\r\n        blue: \"bg-utility-blue-50 text-utility-blue-700 ring-utility-blue-200\",\r\n        indigo: \"bg-utility-indigo-50 text-utility-indigo-700 ring-utility-indigo-200\",\r\n        purple: \"bg-utility-purple-50 text-utility-purple-700 ring-utility-purple-200\",\r\n        pink: \"bg-utility-pink-50 text-utility-pink-700 ring-utility-pink-200\",\r\n        orange: \"bg-utility-orange-50 text-utility-orange-700 ring-utility-orange-200\",\r\n      },\r\n      size: {\r\n        xs: [\r\n          \"text-tiny-medium py-0.5 gap-1\",\r\n          \"[&_[data-slot=badge-icon]]:size-2.5 [&_[data-slot=badge-avatar]]:size-3\",\r\n        ],\r\n        sm: [\r\n          \"text-body-medium-3 py-0.5 gap-1\",\r\n          \"[&_[data-slot=badge-icon]]:size-3 [&_[data-slot=badge-avatar]]:size-4\",\r\n        ],\r\n        md: [\r\n          \"text-body-medium-2 py-0.5 gap-1.5\",\r\n          \"[&_[data-slot=badge-icon]]:size-3.5 [&_[data-slot=badge-avatar]]:size-4\",\r\n        ],\r\n        lg: [\r\n          \"text-body-medium-2 py-1 gap-1.5\",\r\n          \"[&_[data-slot=badge-icon]]:size-3.5 [&_[data-slot=badge-avatar]]:size-4.5\",\r\n        ],\r\n      },\r\n    },\r\n    compoundVariants: [\r\n      {\r\n        type: \"modern\",\r\n        className: \"bg-bg-primary text-text-secondary ring-border-primary\",\r\n      },\r\n      // Rounded (Pill) Variants - Untitled UI exact paddings\r\n      {\r\n        type: \"rounded\",\r\n        size: \"xs\",\r\n        className: [\r\n          \"px-1.5\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1\",\r\n          \"has-[[data-slot=badge-dot]]:pl-1\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-0.5\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-1\",\r\n          \"has-[[data-slot=badge-close]]:pr-0.5\",\r\n        ],\r\n      },\r\n      {\r\n        type: \"rounded\",\r\n        size: \"sm\",\r\n        className: [\r\n          \"px-2\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1.5\",\r\n          \"has-[[data-slot=badge-dot]]:pl-1.5\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-0.75\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-1.5\",\r\n          \"has-[[data-slot=badge-close]]:pr-0.75\",\r\n        ],\r\n      },\r\n      {\r\n        type: \"rounded\",\r\n        size: \"md\",\r\n        className: [\r\n          \"px-2.5\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-2\",\r\n          \"has-[[data-slot=badge-dot]]:pl-2\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-1\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-2\",\r\n          \"has-[[data-slot=badge-close]]:pr-1\",\r\n        ],\r\n      },\r\n      {\r\n        type: \"rounded\",\r\n        size: \"lg\",\r\n        className: [\r\n          \"px-3\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-2.5\",\r\n          \"has-[[data-slot=badge-dot]]:pl-2.5\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-1.5\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-2.5\",\r\n          \"has-[[data-slot=badge-close]]:pr-1.5\",\r\n        ],\r\n      },\r\n      // Square & Modern Variants - Untitled UI exact paddings\r\n      {\r\n        type: \"square\",\r\n        size: \"xs\",\r\n        className: [\r\n          \"px-1\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-0.75\",\r\n          \"has-[[data-slot=badge-dot]]:pl-0.75\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-0.5\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-0.75\",\r\n          \"has-[[data-slot=badge-close]]:pr-0.5\",\r\n        ],\r\n      },\r\n      {\r\n        type: \"square\",\r\n        size: \"sm\",\r\n        className: [\r\n          \"px-1.5\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1\",\r\n          \"has-[[data-slot=badge-dot]]:pl-1\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-1\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-1\",\r\n          \"has-[[data-slot=badge-close]]:pr-0.5\",\r\n        ],\r\n      },\r\n      {\r\n        type: \"square\",\r\n        size: \"md\",\r\n        className: [\r\n          \"px-2\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1.5\",\r\n          \"has-[[data-slot=badge-dot]]:pl-1.5\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-1.5\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-1.5\",\r\n          \"has-[[data-slot=badge-close]]:pr-0.75\",\r\n        ],\r\n      },\r\n      {\r\n        type: \"square\",\r\n        size: \"lg\",\r\n        className: [\r\n          \"px-2.5\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-2\",\r\n          \"has-[[data-slot=badge-dot]]:pl-2\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-2\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-2\",\r\n          \"has-[[data-slot=badge-close]]:pr-1\",\r\n        ],\r\n      },\r\n      {\r\n        type: \"modern\",\r\n        size: \"xs\",\r\n        className: [\r\n          \"px-1\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-0.75\",\r\n          \"has-[[data-slot=badge-dot]]:pl-0.75\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-0.5\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-0.75\",\r\n          \"has-[[data-slot=badge-close]]:pr-0.5\",\r\n        ],\r\n      },\r\n      {\r\n        type: \"modern\",\r\n        size: \"sm\",\r\n        className: [\r\n          \"px-1.5\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1\",\r\n          \"has-[[data-slot=badge-dot]]:pl-1\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-1\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-1\",\r\n          \"has-[[data-slot=badge-close]]:pr-0.5\",\r\n        ],\r\n      },\r\n      {\r\n        type: \"modern\",\r\n        size: \"md\",\r\n        className: [\r\n          \"px-2\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-1.5\",\r\n          \"has-[[data-slot=badge-dot]]:pl-1.5\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-1.5\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-1.5\",\r\n          \"has-[[data-slot=badge-close]]:pr-0.75\",\r\n        ],\r\n      },\r\n      {\r\n        type: \"modern\",\r\n        size: \"lg\",\r\n        className: [\r\n          \"px-2.5\",\r\n          \"has-[[data-slot=badge-icon]:not([data-position=trailing])]:pl-2\",\r\n          \"has-[[data-slot=badge-dot]]:pl-2\",\r\n          \"has-[[data-slot=badge-avatar]]:pl-2\",\r\n          \"has-[[data-slot=badge-icon][data-position=trailing]]:pr-2\",\r\n          \"has-[[data-slot=badge-close]]:pr-1\",\r\n        ],\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      type: \"square\",\r\n      color: \"gray\",\r\n      size: \"md\",\r\n    },\r\n  }\r\n)\r\n\r\nexport interface BadgeProps\r\n  extends Omit<React.ComponentProps<\"span\">, \"color\">,\r\n  VariantProps<typeof badgeVariants> {\r\n}\r\n\r\nfunction Badge({\r\n  className,\r\n  type,\r\n  color,\r\n  size,\r\n  render,\r\n  ...props\r\n}: BadgeProps & useRender.ComponentProps<\"span\">) {\r\n  const defaultProps = {\r\n    \"data-slot\": \"badge\",\r\n    className: cn(badgeVariants({ type, color, size }), className),\r\n  }\r\n\r\n  return useRender({\r\n    defaultTagName: \"span\",\r\n    props: mergeProps(defaultProps, props),\r\n    render,\r\n    state: {\r\n      slot: \"badge\",\r\n      type,\r\n      color,\r\n      size,\r\n    },\r\n  })\r\n}\r\n\r\nexport interface BadgeIconProps extends React.ComponentProps<\"span\"> {\r\n  children?: React.ReactNode\r\n  position?: \"leading\" | \"trailing\"\r\n}\r\n\r\nfunction BadgeIcon({\r\n  className,\r\n  position = \"leading\",\r\n  children,\r\n  ...props\r\n}: BadgeIconProps) {\r\n  return (\r\n    <span\r\n      data-slot=\"badge-icon\"\r\n      data-position={position}\r\n      className={cn(\"inline-flex shrink-0 items-center justify-center pointer-events-none [&>svg]:size-full\", className)}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </span>\r\n  )\r\n}\r\n\r\nexport interface BadgeAvatarProps extends React.ComponentProps<\"img\"> {\r\n  src?: string\r\n  alt?: string\r\n}\r\n\r\nfunction BadgeAvatar({\r\n  className,\r\n  alt = \"\",\r\n  ...props\r\n}: BadgeAvatarProps) {\r\n  return (\r\n    <img\r\n      data-slot=\"badge-avatar\"\r\n      alt={alt}\r\n      className={cn(\"shrink-0 rounded-xp-full object-cover\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport interface BadgeButtonProps extends useRender.ComponentProps<\"button\"> {\r\n  align?: \"inline-end\" | \"inline-start\"\r\n}\r\n\r\nfunction BadgeButton({\r\n  className,\r\n  render,\r\n  align = \"inline-end\",\r\n  ...props\r\n}: BadgeButtonProps) {\r\n  const defaultProps = {\r\n    \"data-slot\": \"badge-close\",\r\n    \"data-align\": align,\r\n    className: cn(\"p-0.5 inline-flex items-center justify-center rounded-xp-full hover:opacity-75 focus-visible:outline-none shrink-0 [&>svg]:size-2.5\", className),\r\n    type: \"button\" as const,\r\n    children: (\r\n      <XIcon />\r\n    ),\r\n  }\r\n\r\n  return useRender({\r\n    defaultTagName: \"button\",\r\n    render,\r\n    props: mergeProps(defaultProps, props),\r\n    state: {\r\n      slot: \"badge-close\",\r\n      align,\r\n    }\r\n  })\r\n}\r\n\r\nfunction BadgeDot({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<\"span\">) {\r\n  return (\r\n    <span\r\n      data-slot=\"badge-dot\"\r\n      className={cn(\"size-1.5 shrink-0 rounded-xp-full bg-current\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport { Badge, BadgeIcon, BadgeAvatar, BadgeButton, BadgeDot, badgeVariants }\r\n"]}

package/dist/chunk-KPNQNOZ5.js

@@ -1,2 +0,0 @@
-import*as v from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {cn}from'@xploreu/lib/cn';import {jsx,jsxs}from'react/jsx-runtime';var h=cva("inline-flex items-center justify-center shrink-0 font-medium select-none transition-colors leading-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:stroke-current",{variants:{variant:{solid:"bg-bg-brand-solid text-text-primary-on-brand shadow-[0_0_0_2px_var(--color-alpha-brand-10,rgba(55,125,250,0.1))]",subtle:"bg-utility-brand-50 text-utility-brand-700",outline:"bg-transparent text-utility-brand-600 ring-1 ring-inset ring-utility-brand-500 shadow-[0_0_0_2px_var(--color-alpha-brand-10,rgba(55,125,250,0.1))] dark:text-utility-brand-400 dark:ring-utility-brand-700",soft:"bg-alpha-alpha-black-10 text-fg-secondary",secondary:"bg-alpha-alpha-black-10 text-fg-secondary",neutral:"bg-alpha-alpha-black-10 text-fg-secondary",gradient:"bg-gradient-buttons-button-ai text-text-primary-on-brand shadow-[0_0_0_2px_var(--color-alpha-brand-10,rgba(55,125,250,0.1))] [&_svg_path]:opacity-100",ai:"bg-gradient-buttons-button-ai text-text-primary-on-brand shadow-[0_0_0_2px_var(--color-alpha-brand-10,rgba(55,125,250,0.1))] [&_svg_path]:opacity-100","gradient-ai":"bg-gradient-buttons-button-ai text-text-primary-on-brand shadow-[0_0_0_2px_var(--color-alpha-brand-10,rgba(55,125,250,0.1))] [&_svg_path]:opacity-100"},size:{"3xs":"h-6 min-w-6 text-label-semibold-4 [&_svg]:size-3.5","2xs":"h-7 min-w-7 text-label-semibold-4 [&_svg]:size-4",xs:"h-8 min-w-8 text-label-semibold-3 [&_svg]:size-4",sm:"h-9 min-w-9 text-label-semibold-3 [&_svg]:size-5",md:"h-10 min-w-10 text-label-semibold-2 [&_svg]:size-5",lg:"h-11 min-w-11 text-label-semibold-1 [&_svg]:size-5.5",xl:"h-12 min-w-12 text-label-semibold-1 [&_svg]:size-6"},shape:{rounded:"rounded-xp-card-base-sm",circle:"rounded-xp-full",square:"rounded-none",base:"rounded-xp-card-base",lg:"rounded-xp-card-base-lg"},iconOnly:{true:"p-0 aspect-square",false:""}},compoundVariants:[{iconOnly:false,size:"3xs",className:"px-xp-sm gap-xp-xs"},{iconOnly:false,size:"2xs",className:"px-xp-md gap-xp-xs"},{iconOnly:false,size:"xs",className:"px-xp-lg gap-xp-sm"},{iconOnly:false,size:"sm",className:"px-xp-lg gap-xp-sm"},{iconOnly:false,size:"md",className:"px-3.5 gap-xp-sm"},{iconOnly:false,size:"lg",className:"px-xp-xl gap-xp-md"},{iconOnly:false,size:"xl",className:"px-4.5 gap-xp-md"},{iconOnly:true,size:"3xs",className:"w-6"},{iconOnly:true,size:"2xs",className:"w-7"},{iconOnly:true,size:"xs",className:"w-8"},{iconOnly:true,size:"sm",className:"w-9"},{iconOnly:true,size:"md",className:"w-10"},{iconOnly:true,size:"lg",className:"w-11"},{iconOnly:true,size:"xl",className:"w-12"}],defaultVariants:{variant:"solid",size:"3xs",shape:"rounded"}}),N=v.forwardRef(({className:c,variant:g,size:o="3xs",shape:b="rounded",iconOnly:p,icon:r,initial:w,initials:z,number:O,count:B,children:a,asChild:u=false,...x},f)=>{let y=u?Slot:"div";if(u)return jsx(y,{ref:f,"data-slot":"badge-blue","data-size":o,className:cn(h({variant:g,size:o,shape:b,iconOnly:p??true}),c),...x,children:a});let m=w??z,d=O??B,t=null,n="icon",s=0;if(m!=null){let e=String(m).trim();n="initial",s=e.length,t=jsx("span",{className:"uppercase tracking-tight leading-none font-semibold select-none",children:e.toUpperCase()});}else if(d!=null){let e=String(d).trim();n="number",s=e.length,t=jsx("span",{className:"tabular-nums leading-none font-semibold select-none",children:d});}else if(typeof a=="number"){let e=String(a).trim();n="number",s=e.length,t=jsx("span",{className:"tabular-nums leading-none font-semibold select-none",children:a});}else if(typeof a=="string"){let e=a.trim(),C=/^\d+(\+)?$/.test(e),S=e.length<=2&&/^[a-zA-Z0-9]+$/.test(e);C?(n="number",s=e.length,t=jsx("span",{className:"tabular-nums leading-none font-semibold select-none",children:e})):S&&!r?(n="initial",s=e.length,t=jsx("span",{className:"uppercase tracking-tight leading-none font-semibold select-none",children:e.toUpperCase()})):(n="text",s=e.length,t=a);}else n=r||a?"icon":"text",t=a;let k=!!(r&&t),l=true;p!==void 0?l=p:k||n==="text"?l=false:l=true;let R=l&&s>2;return jsxs(y,{ref:f,"data-slot":"badge-blue","data-size":o,className:cn(h({variant:g,size:o,shape:b,iconOnly:l}),R&&"w-auto px-1.5",c),...x,children:[r,t]})});N.displayName="BadgeBlue";var H=N;export{h as a,N as b,H as c};//# sourceMappingURL=chunk-KPNQNOZ5.js.map
-//# sourceMappingURL=chunk-KPNQNOZ5.js.map

package/dist/chunk-KPNQNOZ5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/badge-blue.tsx"],"names":["badgeBlueVariants","cva","BadgeBlue","className","variant","size","shape","iconOnly","icon","initial","initials","number","count","children","asChild","props","ref","Comp","Slot","jsx","cn","rawInitial","rawNumber","contentToRender","detectedType","displayLength","initialStr","numStr","trimmed","isNumeric","isShortInitial","hasBothIconAndText","isCompact","isMultiCharCounter","jsxs","badge_blue_default"],"mappings":"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","file":"chunk-KPNQNOZ5.js","sourcesContent":["'use client';\r\n\r\nimport * as React from \"react\"\r\n\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nexport const badgeBlueVariants = cva(\r\n  \"inline-flex items-center justify-center shrink-0 font-medium select-none transition-colors leading-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:stroke-current\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        solid:\r\n          \"bg-bg-brand-solid text-text-primary-on-brand shadow-[0_0_0_2px_var(--color-alpha-brand-10,rgba(55,125,250,0.1))]\",\r\n        subtle:\r\n          \"bg-utility-brand-50 text-utility-brand-700\",\r\n        outline:\r\n          \"bg-transparent text-utility-brand-600 ring-1 ring-inset ring-utility-brand-500 shadow-[0_0_0_2px_var(--color-alpha-brand-10,rgba(55,125,250,0.1))] dark:text-utility-brand-400 dark:ring-utility-brand-700\",\r\n        soft:\r\n          \"bg-alpha-alpha-black-10 text-fg-secondary\",\r\n        secondary:\r\n          \"bg-alpha-alpha-black-10 text-fg-secondary\",\r\n        neutral:\r\n          \"bg-alpha-alpha-black-10 text-fg-secondary\",\r\n        gradient:\r\n          \"bg-gradient-buttons-button-ai text-text-primary-on-brand shadow-[0_0_0_2px_var(--color-alpha-brand-10,rgba(55,125,250,0.1))] [&_svg_path]:opacity-100\",\r\n        ai:\r\n          \"bg-gradient-buttons-button-ai text-text-primary-on-brand shadow-[0_0_0_2px_var(--color-alpha-brand-10,rgba(55,125,250,0.1))] [&_svg_path]:opacity-100\",\r\n        \"gradient-ai\":\r\n          \"bg-gradient-buttons-button-ai text-text-primary-on-brand shadow-[0_0_0_2px_var(--color-alpha-brand-10,rgba(55,125,250,0.1))] [&_svg_path]:opacity-100\",\r\n      },\r\n      size: {\r\n        \"3xs\": \"h-6 min-w-6 text-label-semibold-4 [&_svg]:size-3.5\",\r\n        \"2xs\": \"h-7 min-w-7 text-label-semibold-4 [&_svg]:size-4\",\r\n        xs: \"h-8 min-w-8 text-label-semibold-3 [&_svg]:size-4\",\r\n        sm: \"h-9 min-w-9 text-label-semibold-3 [&_svg]:size-5\",\r\n        md: \"h-10 min-w-10 text-label-semibold-2 [&_svg]:size-5\",\r\n        lg: \"h-11 min-w-11 text-label-semibold-1 [&_svg]:size-5.5\",\r\n        xl: \"h-12 min-w-12 text-label-semibold-1 [&_svg]:size-6\",\r\n      },\r\n      shape: {\r\n        rounded: \"rounded-xp-card-base-sm\",\r\n        circle: \"rounded-xp-full\",\r\n        square: \"rounded-none\",\r\n        base: \"rounded-xp-card-base\",\r\n        lg: \"rounded-xp-card-base-lg\",\r\n      },\r\n      iconOnly: {\r\n        true: \"p-0 aspect-square\",\r\n        false: \"\",\r\n      },\r\n    },\r\n    compoundVariants: [\r\n      {\r\n        iconOnly: false,\r\n        size: \"3xs\",\r\n        className: \"px-xp-sm gap-xp-xs\",\r\n      },\r\n      {\r\n        iconOnly: false,\r\n        size: \"2xs\",\r\n        className: \"px-xp-md gap-xp-xs\",\r\n      },\r\n      {\r\n        iconOnly: false,\r\n        size: \"xs\",\r\n        className: \"px-xp-lg gap-xp-sm\",\r\n      },\r\n      {\r\n        iconOnly: false,\r\n        size: \"sm\",\r\n        className: \"px-xp-lg gap-xp-sm\",\r\n      },\r\n      {\r\n        iconOnly: false,\r\n        size: \"md\",\r\n        className: \"px-3.5 gap-xp-sm\",\r\n      },\r\n      {\r\n        iconOnly: false,\r\n        size: \"lg\",\r\n        className: \"px-xp-xl gap-xp-md\",\r\n      },\r\n      {\r\n        iconOnly: false,\r\n        size: \"xl\",\r\n        className: \"px-4.5 gap-xp-md\",\r\n      },\r\n      {\r\n        iconOnly: true,\r\n        size: \"3xs\",\r\n        className: \"w-6\",\r\n      },\r\n      {\r\n        iconOnly: true,\r\n        size: \"2xs\",\r\n        className: \"w-7\",\r\n      },\r\n      {\r\n        iconOnly: true,\r\n        size: \"xs\",\r\n        className: \"w-8\",\r\n      },\r\n      {\r\n        iconOnly: true,\r\n        size: \"sm\",\r\n        className: \"w-9\",\r\n      },\r\n      {\r\n        iconOnly: true,\r\n        size: \"md\",\r\n        className: \"w-10\",\r\n      },\r\n      {\r\n        iconOnly: true,\r\n        size: \"lg\",\r\n        className: \"w-11\",\r\n      },\r\n      {\r\n        iconOnly: true,\r\n        size: \"xl\",\r\n        className: \"w-12\",\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      variant: \"solid\",\r\n      size: \"3xs\",\r\n      shape: \"rounded\",\r\n    },\r\n  }\r\n)\r\n\r\nexport interface BadgeBlueProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n  Omit<VariantProps<typeof badgeBlueVariants>, \"iconOnly\"> {\r\n  /**\r\n   * Icon element to render inside the badge (e.g. Lucide icon or SVG)\r\n   */\r\n  icon?: React.ReactNode\r\n\r\n  /**\r\n   * Initial letters (e.g. \"JD\", \"A\"), automatically uppercased and styled\r\n   */\r\n  initial?: string\r\n  initials?: string\r\n\r\n  /**\r\n   * Number or step/count value (e.g. 1, 2, \"99+\"), styled with tabular-nums\r\n   */\r\n  number?: number | string\r\n  count?: number | string\r\n\r\n  /**\r\n   * Force square/aspect-square mode (true) or expanded mode with horizontal padding (false).\r\n   * If omitted, automatically determined by the presence of labels vs icons/initials/numbers.\r\n   */\r\n  iconOnly?: boolean\r\n\r\n  /**\r\n   * Render using Radix Slot\r\n   */\r\n  asChild?: boolean\r\n}\r\n\r\n// ponytail: single polymorphic component with auto-detection for icons, initials, and step numbers.\r\nexport const BadgeBlue = React.forwardRef<HTMLDivElement, BadgeBlueProps>(\r\n  (\r\n    {\r\n      className,\r\n      variant,\r\n      size = \"3xs\",\r\n      shape = \"rounded\",\r\n      iconOnly,\r\n      icon,\r\n      initial,\r\n      initials,\r\n      number,\r\n      count,\r\n      children,\r\n      asChild = false,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const Comp = asChild ? Slot : \"div\"\r\n\r\n    // If asChild is true, delegate rendering completely to the child element\r\n    if (asChild) {\r\n      return (\r\n        <Comp\r\n          ref={ref}\r\n          data-slot=\"badge-blue\"\r\n          data-size={size}\r\n          className={cn(\r\n            badgeBlueVariants({\r\n              variant,\r\n              size,\r\n              shape,\r\n              iconOnly: iconOnly ?? true,\r\n            }),\r\n            className\r\n          )}\r\n          {...props}\r\n        >\r\n          {children}\r\n        </Comp>\r\n      )\r\n    }\r\n\r\n    // 1. Resolve explicit initial or number props\r\n    const rawInitial = initial ?? initials\r\n    const rawNumber = number ?? count\r\n\r\n    // 2. Detect content type & resolved element\r\n    let contentToRender: React.ReactNode = null\r\n    let detectedType: \"icon\" | \"initial\" | \"number\" | \"text\" = \"icon\"\r\n    let displayLength = 0\r\n\r\n    if (rawInitial !== undefined && rawInitial !== null) {\r\n      const initialStr = String(rawInitial).trim()\r\n      detectedType = \"initial\"\r\n      displayLength = initialStr.length\r\n      contentToRender = (\r\n        <span className=\"uppercase tracking-tight leading-none font-semibold select-none\">\r\n          {initialStr.toUpperCase()}\r\n        </span>\r\n      )\r\n    } else if (rawNumber !== undefined && rawNumber !== null) {\r\n      const numStr = String(rawNumber).trim()\r\n      detectedType = \"number\"\r\n      displayLength = numStr.length\r\n      contentToRender = (\r\n        <span className=\"tabular-nums leading-none font-semibold select-none\">\r\n          {rawNumber}\r\n        </span>\r\n      )\r\n    } else if (typeof children === \"number\") {\r\n      const numStr = String(children).trim()\r\n      detectedType = \"number\"\r\n      displayLength = numStr.length\r\n      contentToRender = (\r\n        <span className=\"tabular-nums leading-none font-semibold select-none\">\r\n          {children}\r\n        </span>\r\n      )\r\n    } else if (typeof children === \"string\") {\r\n      const trimmed = children.trim()\r\n      const isNumeric = /^\\d+(\\+)?$/.test(trimmed)\r\n      const isShortInitial = trimmed.length <= 2 && /^[a-zA-Z0-9]+$/.test(trimmed)\r\n\r\n      if (isNumeric) {\r\n        detectedType = \"number\"\r\n        displayLength = trimmed.length\r\n        contentToRender = (\r\n          <span className=\"tabular-nums leading-none font-semibold select-none\">\r\n            {trimmed}\r\n          </span>\r\n        )\r\n      } else if (isShortInitial && !icon) {\r\n        detectedType = \"initial\"\r\n        displayLength = trimmed.length\r\n        contentToRender = (\r\n          <span className=\"uppercase tracking-tight leading-none font-semibold select-none\">\r\n            {trimmed.toUpperCase()}\r\n          </span>\r\n        )\r\n      } else {\r\n        detectedType = \"text\"\r\n        displayLength = trimmed.length\r\n        contentToRender = children\r\n      }\r\n    } else {\r\n      detectedType = icon || children ? \"icon\" : \"text\"\r\n      contentToRender = children\r\n    }\r\n\r\n    // 3. Determine compact (square) vs expanded (with horizontal padding)\r\n    const hasBothIconAndText = Boolean(icon && contentToRender)\r\n    let isCompact = true\r\n\r\n    if (iconOnly !== undefined) {\r\n      isCompact = iconOnly\r\n    } else if (hasBothIconAndText || detectedType === \"text\") {\r\n      isCompact = false\r\n    } else {\r\n      isCompact = true\r\n    }\r\n\r\n    // 4. Handle auto-expansion for multi-character numbers/counters (e.g. \"99+\", \"100\")\r\n    const isMultiCharCounter = isCompact && displayLength > 2\r\n\r\n    return (\r\n      <Comp\r\n        ref={ref}\r\n        data-slot=\"badge-blue\"\r\n        data-size={size}\r\n        className={cn(\r\n          badgeBlueVariants({\r\n            variant,\r\n            size,\r\n            shape,\r\n            iconOnly: isCompact,\r\n          }),\r\n          isMultiCharCounter && \"w-auto px-1.5\",\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        {icon}\r\n        {contentToRender}\r\n      </Comp>\r\n    )\r\n  }\r\n)\r\n\r\nBadgeBlue.displayName = \"BadgeBlue\"\r\n\r\nexport default BadgeBlue\r\n"]}