@hanzo/ui 4.2.5 → 4.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "4.2.5",
+  "version": "4.3.1",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/primitives/index-common.ts

@@ -204,6 +204,7 @@ export { default as Input } from './input'
 export { default as Label } from './label'
 export type { default as ListAdaptor } from './list-adaptor'
 export { default as ListBox } from './list-box'
+export { default as LoadingSpinner } from './loading-spinner'
 export { default as Progress } from './progress' 
 export { RadioGroup, RadioGroupItem } from './radio-group'
 export { ScrollArea, ScrollBar } from './scroll-area' 

package/primitives/loading-spinner.tsx

@@ -0,0 +1,33 @@
+import { cn } from '../util'
+
+// cf: https://github.com/shadcn-ui/ui/discussions/1694#discussioncomment-7851248
+const LoadingSpinner: React.FC<
+  {
+    size?: number
+    className?: string
+  }
+  & React.SVGProps<SVGSVGElement>
+> = ({
+  size = 24,
+  className='',
+  ...props
+}) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={cn("animate-spin", className)}
+    >
+      <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+    </svg>
+  )
+}
+
+export default LoadingSpinner

package/tailwind/tailwind.config.hanzo-preset.js

@@ -32,6 +32,7 @@ export default {
       spin: 'spin 1s linear infinite',
       ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
       pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+      reversepulse: 'pulse 2s cubic-bezier(1, 0.6, 0, 0.4) infinite',
       bounce: 'bounce 1s infinite',
       "accordion-down": "accordion-down 0.2s ease-out",
       "accordion-up": "accordion-up 0.2s ease-out",