@solace-health/ui 0.10.696 → 0.10.697

package/dist/chunk-ZQTWA4QK.cjs

@@ -1,2 +0,0 @@
-'use strict';var chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),l=require('react'),lu=require('react-icons/lu'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var l__namespace=/*#__PURE__*/_interopNamespace(l);var N=classVarianceAuthority.cva("inline-flex items-center justify-center border px-2 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-4 gap-1 [&>svg]:pointer-events-none overflow-hidden",{variants:{variant:{default:"border-transparent",heavy:"border-transparent",outlined:"bg-white"},color:{gold:"[&>button]:bg-gold-300 [&>button]:text-gold-900",green:"[&>button]:bg-green-300 [&>button]:text-green-800",grey:"[&>button]:bg-gray-300 [&>button]:text-gray-700",purple:"[&>button]:bg-purple-200 [&>button]:text-purple-500",red:"[&>button]:bg-red-200 [&>button]:text-red-600",moss:"[&>button]:bg-moss-300 [&>button]:text-moss-900",blue:"[&>button]:bg-sky-300 [&>button]:text-sky-900"},size:{default:"py-0.5 text-sm",large:"py-1 text-base"}},compoundVariants:[{variant:"default",color:"gold",className:"bg-gold-200 text-gold-900 [&>svg]:text-gold-500"},{variant:"default",color:"green",className:"bg-green-200 text-green-800 [&>svg]:text-green-800"},{variant:"default",color:"grey",className:"bg-gray-200 text-gray-700 [&>svg]:text-gray-600"},{variant:"default",color:"purple",className:"bg-purple-100 text-purple-500 [&>svg]:text-purple-500"},{variant:"default",color:"red",className:"bg-red-100 text-red-600 [&>svg]:text-red-600"},{variant:"default",color:"moss",className:"bg-moss-200 text-moss-900 [&>svg]:text-moss-500"},{variant:"default",color:"blue",className:"bg-sky-200 text-sky-900 [&>svg]:text-sky-900"},{variant:"heavy",color:"gold",className:"bg-gold-300 text-gold-900 [&>svg]:text-black [&>button]:bg-gold-200 [&>button]:text-gold-500"},{variant:"heavy",color:"green",className:"bg-green-700 text-white [&>svg]:text-white [&>button]:bg-green-500 [&>button]:text-green-800"},{variant:"heavy",color:"grey",className:"bg-gray-300 text-primary [&>svg]:text-black [&>button]:bg-gray-200 [&>button]:text-gray-700"},{variant:"heavy",color:"purple",className:"bg-purple-400 text-white [&>svg]:text-white [&>button]:bg-purple-200 [&>button]:text-purple-500"},{variant:"heavy",color:"red",className:"bg-red-500 text-white [&>svg]:text-white [&>button]:bg-red-200 [&>button]:text-red-600"},{variant:"heavy",color:"moss",className:"bg-moss-500 text-white [&>svg]:text-white [&>button]:bg-moss-200 [&>button]:text-moss-500"},{variant:"heavy",color:"blue",className:"bg-sky-500 text-white [&>svg]:text-white [&>button]:bg-sky-200 [&>button]:text-sky-500"},{variant:"outlined",color:"gold",className:"border-gold-500 text-gold-900 [&>svg]:text-gold-500 [&>button]:bg-gold-200 [&>button]:text-gold-500"},{variant:"outlined",color:"green",className:"border-green-800 text-green-800 [&>svg]:text-green-800 [&>button]:bg-green-300 [&>button]:text-green-800"},{variant:"outlined",color:"grey",className:"border-gray-200 text-gray-700 [&>svg]:text-gray-600 [&>button]:bg-gray-200 [&>button]:text-gray-700"},{variant:"outlined",color:"purple",className:"border-purple-500 text-purple-500 [&>svg]:text-purple-500 [&>button]:bg-purple-200 [&>button]:text-purple-500"},{variant:"outlined",color:"red",className:"border-red-600 text-red-600 [&>svg]:text-red-600 [&>button]:bg-red-200 [&>button]:text-red-600"},{variant:"outlined",color:"moss",className:"border-moss-500 text-moss-900 [&>svg]:text-moss-500 [&>button]:bg-moss-200 [&>button]:text-moss-500"},{variant:"outlined",color:"blue",className:"border-sky-500 text-sky-900 [&>svg]:text-sky-500 [&>button]:bg-sky-200 [&>button]:text-sky-500"}],defaultVariants:{variant:"default"}});function P({className:g,variant:b,color:u="grey",size:d="default",hideInteraction:i=false,rounded:x=false,removable:p=false,asChild:o=false,children:r,onRemove:a,...s}){let c=o?reactSlot.Slot:"span",m=l__namespace.useId();return jsxRuntime.jsx(c,{"data-slot":"badge",className:chunkQRO22BPZ_cjs.a(N({variant:b,color:u,size:d}),x?"rounded-xl":"rounded-sm",g),id:s.id??m,...s,children:o?r:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[r,p&&jsxRuntime.jsx("button",{type:"button",className:"flex size-3.5 items-center justify-center rounded-full",onKeyDown:t=>{t.key==="Enter"&&a?.();},onMouseDown:t=>{i&&(t.preventDefault(),t.stopPropagation());},onClick:a,"aria-label":"Remove",children:jsxRuntime.jsx(lu.LuX,{className:"size-2.5"})})]})})}exports.a=N;exports.b=P;//# sourceMappingURL=chunk-ZQTWA4QK.cjs.map
-//# sourceMappingURL=chunk-ZQTWA4QK.cjs.map

package/dist/chunk-ZQTWA4QK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/v2/badge/badge.tsx"],"names":["badgeVariants","cva","Badge","className","variant","color","size","hideInteraction","rounded","removable","asChild","children","onRemove","props","Comp","Slot","id","l","jsx","cn","jsxs","Fragment","e","LuX"],"mappings":"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","file":"chunk-ZQTWA4QK.cjs","sourcesContent":["import * as React from 'react';\nimport { LuX } from 'react-icons/lu';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center border px-2 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-4 gap-1 [&>svg]:pointer-events-none overflow-hidden',\n  {\n    variants: {\n      variant: {\n        default: 'border-transparent',\n        heavy: 'border-transparent',\n        outlined: 'bg-white',\n      },\n      color: {\n        gold: '[&>button]:bg-gold-300 [&>button]:text-gold-900',\n        green: '[&>button]:bg-green-300 [&>button]:text-green-800',\n        grey: '[&>button]:bg-gray-300 [&>button]:text-gray-700',\n        purple: '[&>button]:bg-purple-200 [&>button]:text-purple-500',\n        red: '[&>button]:bg-red-200 [&>button]:text-red-600',\n        moss: '[&>button]:bg-moss-300 [&>button]:text-moss-900',\n        blue: '[&>button]:bg-sky-300 [&>button]:text-sky-900',\n      },\n      size: {\n        default: 'py-0.5 text-sm',\n        large: 'py-1 text-base',\n      },\n    },\n    compoundVariants: [\n      // Default variants\n      {\n        variant: 'default',\n        color: 'gold',\n        className: 'bg-gold-200 text-gold-900 [&>svg]:text-gold-500',\n      },\n      {\n        variant: 'default',\n        color: 'green',\n        className: 'bg-green-200 text-green-800 [&>svg]:text-green-800',\n      },\n      {\n        variant: 'default',\n        color: 'grey',\n        className: 'bg-gray-200 text-gray-700 [&>svg]:text-gray-600',\n      },\n      {\n        variant: 'default',\n        color: 'purple',\n        className: 'bg-purple-100 text-purple-500 [&>svg]:text-purple-500',\n      },\n      {\n        variant: 'default',\n        color: 'red',\n        className: 'bg-red-100 text-red-600 [&>svg]:text-red-600',\n      },\n      {\n        variant: 'default',\n        color: 'moss',\n        className: 'bg-moss-200 text-moss-900 [&>svg]:text-moss-500',\n      },\n      {\n        variant: 'default',\n        color: 'blue',\n        className: 'bg-sky-200 text-sky-900 [&>svg]:text-sky-900',\n      },\n      // Heavy variants\n      {\n        variant: 'heavy',\n        color: 'gold',\n        className:\n          'bg-gold-300 text-gold-900 [&>svg]:text-black [&>button]:bg-gold-200 [&>button]:text-gold-500',\n      },\n      {\n        variant: 'heavy',\n        color: 'green',\n        className:\n          'bg-green-700 text-white [&>svg]:text-white [&>button]:bg-green-500 [&>button]:text-green-800',\n      },\n      {\n        variant: 'heavy',\n        color: 'grey',\n        className:\n          'bg-gray-300 text-primary [&>svg]:text-black [&>button]:bg-gray-200 [&>button]:text-gray-700',\n      },\n      {\n        variant: 'heavy',\n        color: 'purple',\n        className:\n          'bg-purple-400 text-white [&>svg]:text-white [&>button]:bg-purple-200 [&>button]:text-purple-500',\n      },\n      {\n        variant: 'heavy',\n        color: 'red',\n        className:\n          'bg-red-500 text-white [&>svg]:text-white [&>button]:bg-red-200 [&>button]:text-red-600',\n      },\n      {\n        variant: 'heavy',\n        color: 'moss',\n        className:\n          'bg-moss-500 text-white [&>svg]:text-white [&>button]:bg-moss-200 [&>button]:text-moss-500',\n      },\n      {\n        variant: 'heavy',\n        color: 'blue',\n        className:\n          'bg-sky-500 text-white [&>svg]:text-white [&>button]:bg-sky-200 [&>button]:text-sky-500',\n      },\n      // Outlined variants\n      {\n        variant: 'outlined',\n        color: 'gold',\n        className:\n          'border-gold-500 text-gold-900 [&>svg]:text-gold-500 [&>button]:bg-gold-200 [&>button]:text-gold-500',\n      },\n      {\n        variant: 'outlined',\n        color: 'green',\n        className:\n          'border-green-800 text-green-800 [&>svg]:text-green-800 [&>button]:bg-green-300 [&>button]:text-green-800',\n      },\n      {\n        variant: 'outlined',\n        color: 'grey',\n        className:\n          'border-gray-200 text-gray-700 [&>svg]:text-gray-600 [&>button]:bg-gray-200 [&>button]:text-gray-700',\n      },\n      {\n        variant: 'outlined',\n        color: 'purple',\n        className:\n          'border-purple-500 text-purple-500 [&>svg]:text-purple-500 [&>button]:bg-purple-200 [&>button]:text-purple-500',\n      },\n      {\n        variant: 'outlined',\n        color: 'red',\n        className:\n          'border-red-600 text-red-600 [&>svg]:text-red-600 [&>button]:bg-red-200 [&>button]:text-red-600',\n      },\n      {\n        variant: 'outlined',\n        color: 'moss',\n        className:\n          'border-moss-500 text-moss-900 [&>svg]:text-moss-500 [&>button]:bg-moss-200 [&>button]:text-moss-500',\n      },\n      {\n        variant: 'outlined',\n        color: 'blue',\n        className:\n          'border-sky-500 text-sky-900 [&>svg]:text-sky-500 [&>button]:bg-sky-200 [&>button]:text-sky-500',\n      },\n    ],\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  color = 'grey',\n  size = 'default',\n  hideInteraction = false,\n  rounded = false,\n  removable = false,\n  asChild = false,\n  children,\n  onRemove,\n  ...props\n}: React.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & {\n    color?: 'gold' | 'green' | 'grey' | 'purple' | 'red' | 'moss' | 'blue';\n    size?: 'default' | 'large';\n    hideInteraction?: boolean;\n    rounded?: boolean;\n    removable?: boolean;\n    asChild?: boolean;\n    onRemove?: () => void;\n  }) {\n  const Comp = asChild ? Slot : 'span';\n  const id = React.useId();\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(\n        badgeVariants({ variant, color, size }),\n        rounded ? 'rounded-xl' : 'rounded-sm',\n        className,\n      )}\n      id={props.id ?? id}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {children}\n          {removable && (\n            <button\n              type=\"button\"\n              className=\"flex size-3.5 items-center justify-center rounded-full\"\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  onRemove?.();\n                }\n              }}\n              onMouseDown={(e) => {\n                if (hideInteraction) {\n                  e.preventDefault();\n                  e.stopPropagation();\n                }\n              }}\n              onClick={onRemove}\n              aria-label=\"Remove\"\n            >\n              <LuX className=\"size-2.5\" />\n            </button>\n          )}\n        </>\n      )}\n    </Comp>\n  );\n}\n\nexport { Badge, badgeVariants };\n"]}