@terrafirmagreg-team/ui 1.2.3 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terrafirmagreg-team/ui",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "type": "module",
   "description": "Shared UI kit",
   "license": "LGPL-3.0-only",
@@ -44,7 +44,7 @@
     "@react-three/drei": "10.7.9",
     "@react-three/fiber": "9.8.2",
     "@shadcn/react": "^0.3.1",
-    "@terrafirmagreg-team/translate": "1.2.3",
+    "@terrafirmagreg-team/translate": "1.2.4",
     "@xyflow/react": "12.12.0",
     "beautiful-mermaid": "^1.1.3",
     "class-variance-authority": "^0.7.1",
@@ -55,7 +55,7 @@
     "hast-util-to-jsx-runtime": "^2.3.6",
     "input-otp": "^1.5.0",
     "katex": "^0.19.1",
-    "lucide-react": "^0.577.0",
+    "lucide-react": "^1.63.0",
     "next-themes": "^0.4.6",
     "react-day-picker": "^10.0.2",
     "react-medium-image-zoom": "^5.4.9",

package/src/components/blocks/lang/untranslated-chip.tsx

@@ -2,28 +2,7 @@
 import { Hint } from '@terrafirmagreg-team/ui/components/blocks/tooltip/hint';
 import { cn } from '@terrafirmagreg-team/ui/lib/utils/cn';
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
-
-function LanguagesIcon({ className }: { className?: string }) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className={className}
-      aria-hidden
-    >
-      <path d="m5 8 6 6" />
-      <path d="m4 14 6-6 2-3" />
-      <path d="M2 5h12" />
-      <path d="M7 2h1" />
-      <path d="m22 22-5-10-5 10" />
-      <path d="M14 18h6" />
-    </svg>
-  );
-}
+import { Languages } from 'lucide-react';
 
 export function UntranslatedChip({ className }: { className?: string }) {
   const t = useTranslations();
@@ -45,7 +24,7 @@ export function UntranslatedChip({ className }: { className?: string }) {
           className,
         )}
       >
-        <LanguagesIcon className="size-3" />
+        <Languages className="size-3" aria-hidden />
         {t('Untranslated', { note: 'untranslated.chip' })}
       </span>
     </Hint>

package/src/components/blocks/media/glb/scene.tsx

@@ -257,7 +257,7 @@ export function GlbScene({
               label: t('Viewer settings', { note: 'ui.viewer.settings' }),
               sliders: [
                 {
-                  icon: <MoveHorizontal />,
+                  icon: <MoveHorizontal className="size-3.5" />,
                   label: t('Width', { note: 'ui.viewer.width' }),
                   min: SCENE_WIDTH_MIN,
                   max: SCENE_WIDTH_MAX,
@@ -267,7 +267,7 @@ export function GlbScene({
                   onChange: setSceneWidth,
                 },
                 {
-                  icon: <MoveVertical />,
+                  icon: <MoveVertical className="size-3.5" />,
                   label: t('Height', { note: 'ui.viewer.height' }),
                   min: SCENE_HEIGHT_MIN,
                   max: SCENE_HEIGHT_MAX,
@@ -277,7 +277,7 @@ export function GlbScene({
                   onChange: setSceneHeight,
                 },
                 {
-                  icon: <Gauge />,
+                  icon: <Gauge className="size-3.5" />,
                   label: t('Rotate speed', { note: 'ui.viewer.rotate_speed' }),
                   min: ROTATE_MIN,
                   max: ROTATE_MAX,
@@ -289,7 +289,7 @@ export function GlbScene({
                 ...(multi
                   ? [
                       {
-                        icon: <Timer />,
+                        icon: <Timer className="size-3.5" />,
                         label: t('Autoplay speed', { note: 'ui.viewer.autoplay_speed' }),
                         min: AUTOPLAY_SPEED_MIN,
                         max: AUTOPLAY_SPEED_MAX,
@@ -304,7 +304,7 @@ export function GlbScene({
               ],
               toggles: [
                 {
-                  icon: <RotateCw />,
+                  icon: <RotateCw className="size-4" />,
                   label: t('Spin', { note: 'ui.viewer.spin' }),
                   checked: autoRotate,
                   onChange: setAutoRotate,
@@ -312,7 +312,7 @@ export function GlbScene({
                 ...(multi
                   ? [
                       {
-                        icon: <Play />,
+                        icon: <Play className="size-4" />,
                         label: t('Autoplay', { note: 'ui.viewer.autoplay' }),
                         checked: autoplay,
                         onChange: setAutoplay,
@@ -320,7 +320,7 @@ export function GlbScene({
                     ]
                   : []),
                 {
-                  icon: <Grid3x3 />,
+                  icon: <Grid3x3 className="size-4" />,
                   label: t('Grid', { note: 'ui.viewer.grid' }),
                   checked: dotGrid,
                   onChange: setDotGrid,

package/src/components/blocks/media/slideshow.tsx

@@ -141,7 +141,7 @@ export function Slideshow({
               sliders: multi
                 ? [
                     {
-                      icon: <Timer />,
+                      icon: <Timer className="size-3.5" />,
                       label: t('Autoplay speed', { note: 'ui.viewer.autoplay_speed' }),
                       min: AUTOPLAY_SPEED_MIN,
                       max: AUTOPLAY_SPEED_MAX,
@@ -156,7 +156,7 @@ export function Slideshow({
               toggles: multi
                 ? [
                     {
-                      icon: <Play />,
+                      icon: <Play className="size-4" />,
                       label: t('Autoplay', { note: 'ui.viewer.autoplay' }),
                       checked: autoplay,
                       onChange: setAutoplay,