siesa-ui-kit 1.0.2 → 1.0.4

package/src/components/POSLocationButton/icons.tsx

@@ -1,120 +1,120 @@
-import React from 'react';
-
-/**
- * Icono Check (✓) para estado Available
- * Tamaño: 12x12px
- */
-export const CheckIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
-  <svg
-    width="12"
-    height="12"
-    viewBox="0 0 12 12"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className={className}
-  >
-    <path
-      d="M10 3L4.5 8.5L2 6"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
-
-/**
- * Icono X Mark para estado Occupied
- * Tamaño: 12x12px
- */
-export const XMarkIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
-  <svg
-    width="12"
-    height="12"
-    viewBox="0 0 12 12"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className={className}
-  >
-    <path
-      d="M9 3L3 9M3 3L9 9"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
-
-/**
- * Icono Calendar para estado Reserved
- * Tamaño: 12x12px
- */
-export const CalendarIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
-  <svg
-    width="12"
-    height="12"
-    viewBox="0 0 12 12"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className={className}
-  >
-    <path
-      d="M10.5 5H1.5M8.5 1V3M3.5 1V3M3.25 11H8.75C9.57843 11 10.25 10.3284 10.25 9.5V3.5C10.25 2.67157 9.57843 2 8.75 2H3.25C2.42157 2 1.75 2.67157 1.75 3.5V9.5C1.75 10.3284 2.42157 11 3.25 11Z"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
-
-/**
- * Icono No Symbol (Prohibido) para estado Out of Service
- * Tamaño: 12x12px
- */
-export const NoSymbolIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
-  <svg
-    width="12"
-    height="12"
-    viewBox="0 0 12 12"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className={className}
-  >
-    <path
-      d="M10.5 6C10.5 8.48528 8.48528 10.5 6 10.5C3.51472 10.5 1.5 8.48528 1.5 6C1.5 3.51472 3.51472 1.5 6 1.5C8.48528 1.5 10.5 3.51472 10.5 6Z"
-      stroke="currentColor"
-      strokeWidth="1.5"
-    />
-    <path
-      d="M9.18198 2.81802L2.81802 9.18198"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-    />
-  </svg>
-);
-
-/**
- * Icono de Usuario/Personas para mostrar capacidad
- * Tamaño: 13x10px (según especificaciones de Figma)
- */
-export const UsersIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
-  <svg
-    width="13"
-    height="10"
-    viewBox="0 0 13 10"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className={className}
-  >
-    <path
-      d="M9.25 9V8C9.25 6.89543 8.35457 6 7.25 6H2.75C1.64543 6 0.75 6.89543 0.75 8V9M12.25 9V8C12.25 6.89543 11.3546 6 10.25 6H9.75M7 2.5C7 3.60457 6.10457 4.5 5 4.5C3.89543 4.5 3 3.60457 3 2.5C3 1.39543 3.89543 0.5 5 0.5C6.10457 0.5 7 1.39543 7 2.5ZM10 2C10 2.82843 9.32843 3.5 8.5 3.5C7.67157 3.5 7 2.82843 7 2C7 1.17157 7.67157 0.5 8.5 0.5C9.32843 0.5 10 1.17157 10 2Z"
-      stroke="currentColor"
-      strokeWidth="1"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
+import React from 'react';
+
+/**
+ * Icono Check (✓) para estado Available
+ * Tamaño: 12x12px
+ */
+export const CheckIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
+  <svg
+    width="12"
+    height="12"
+    viewBox="0 0 12 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+  >
+    <path
+      d="M10 3L4.5 8.5L2 6"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+/**
+ * Icono X Mark para estado Occupied
+ * Tamaño: 12x12px
+ */
+export const XMarkIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
+  <svg
+    width="12"
+    height="12"
+    viewBox="0 0 12 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+  >
+    <path
+      d="M9 3L3 9M3 3L9 9"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+/**
+ * Icono Calendar para estado Reserved
+ * Tamaño: 12x12px
+ */
+export const CalendarIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
+  <svg
+    width="12"
+    height="12"
+    viewBox="0 0 12 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+  >
+    <path
+      d="M10.5 5H1.5M8.5 1V3M3.5 1V3M3.25 11H8.75C9.57843 11 10.25 10.3284 10.25 9.5V3.5C10.25 2.67157 9.57843 2 8.75 2H3.25C2.42157 2 1.75 2.67157 1.75 3.5V9.5C1.75 10.3284 2.42157 11 3.25 11Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+/**
+ * Icono No Symbol (Prohibido) para estado Out of Service
+ * Tamaño: 12x12px
+ */
+export const NoSymbolIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
+  <svg
+    width="12"
+    height="12"
+    viewBox="0 0 12 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+  >
+    <path
+      d="M10.5 6C10.5 8.48528 8.48528 10.5 6 10.5C3.51472 10.5 1.5 8.48528 1.5 6C1.5 3.51472 3.51472 1.5 6 1.5C8.48528 1.5 10.5 3.51472 10.5 6Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M9.18198 2.81802L2.81802 9.18198"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+);
+
+/**
+ * Icono de Usuario/Personas para mostrar capacidad
+ * Tamaño: 13x10px (según especificaciones de Figma)
+ */
+export const UsersIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
+  <svg
+    width="13"
+    height="10"
+    viewBox="0 0 13 10"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+  >
+    <path
+      d="M9.25 9V8C9.25 6.89543 8.35457 6 7.25 6H2.75C1.64543 6 0.75 6.89543 0.75 8V9M12.25 9V8C12.25 6.89543 11.3546 6 10.25 6H9.75M7 2.5C7 3.60457 6.10457 4.5 5 4.5C3.89543 4.5 3 3.60457 3 2.5C3 1.39543 3.89543 0.5 5 0.5C6.10457 0.5 7 1.39543 7 2.5ZM10 2C10 2.82843 9.32843 3.5 8.5 3.5C7.67157 3.5 7 2.82843 7 2C7 1.17157 7.67157 0.5 8.5 0.5C9.32843 0.5 10 1.17157 10 2Z"
+      stroke="currentColor"
+      strokeWidth="1"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/components/POSLocationButton/index.ts

@@ -1,14 +1,14 @@
-export { POSLocationButton } from './POSLocationButton';
-export type {
-  POSLocationButtonProps,
-  POSLocationStatus,
-  POSLocationState,
-  POSLocationCapacity,
-} from './POSLocationButton.types';
-export {
-  CheckIcon,
-  XMarkIcon,
-  CalendarIcon,
-  NoSymbolIcon,
-  UsersIcon,
-} from './icons';
+export { POSLocationButton } from './POSLocationButton';
+export type {
+  POSLocationButtonProps,
+  POSLocationStatus,
+  POSLocationState,
+  POSLocationCapacity,
+} from './POSLocationButton.types';
+export {
+  CheckIcon,
+  XMarkIcon,
+  CalendarIcon,
+  NoSymbolIcon,
+  UsersIcon,
+} from './icons';