@frontmcp/uipack 0.12.2 → 1.0.0-beta.1

package/esm/styles/index.mjs

@@ -1,171 +0,0 @@
-// libs/uipack/src/styles/variants.ts
-var CARD_VARIANTS = {
-  default: "bg-white border border-border rounded-xl shadow-sm",
-  outlined: "bg-transparent border-2 border-border rounded-xl",
-  elevated: "bg-white rounded-xl shadow-lg",
-  filled: "bg-gray-50 rounded-xl",
-  ghost: "bg-transparent"
-};
-var CARD_SIZES = {
-  sm: "p-4",
-  md: "p-6",
-  lg: "p-8"
-};
-function getCardVariantClasses(variant) {
-  return CARD_VARIANTS[variant];
-}
-function getCardSizeClasses(size) {
-  return CARD_SIZES[size];
-}
-var BADGE_VARIANTS = {
-  default: "bg-gray-100 text-gray-800",
-  primary: "bg-primary/10 text-primary",
-  secondary: "bg-secondary/10 text-secondary",
-  success: "bg-success/10 text-success",
-  warning: "bg-warning/10 text-warning",
-  danger: "bg-danger/10 text-danger",
-  info: "bg-info/10 text-info",
-  outline: "border border-border text-text-primary bg-transparent"
-};
-var BADGE_SIZES = {
-  sm: "px-2 py-0.5 text-xs",
-  md: "px-2.5 py-1 text-xs",
-  lg: "px-3 py-1.5 text-sm"
-};
-var BADGE_DOT_SIZES = {
-  sm: "w-2 h-2",
-  md: "w-2.5 h-2.5",
-  lg: "w-3 h-3"
-};
-var BADGE_DOT_VARIANTS = {
-  default: "bg-gray-400",
-  primary: "bg-primary",
-  secondary: "bg-secondary",
-  success: "bg-success",
-  warning: "bg-warning",
-  danger: "bg-danger",
-  info: "bg-info",
-  outline: "border border-current"
-};
-function getBadgeVariantClasses(variant) {
-  return BADGE_VARIANTS[variant];
-}
-function getBadgeSizeClasses(size) {
-  return BADGE_SIZES[size];
-}
-function getBadgeDotSizeClasses(size) {
-  return BADGE_DOT_SIZES[size];
-}
-function getBadgeDotVariantClasses(variant) {
-  return BADGE_DOT_VARIANTS[variant];
-}
-var BUTTON_VARIANTS = {
-  primary: "bg-primary hover:bg-primary/90 text-white shadow-sm",
-  secondary: "bg-secondary hover:bg-secondary/90 text-white shadow-sm",
-  outline: "border-2 border-primary text-primary bg-transparent hover:bg-primary/10",
-  ghost: "text-text-primary hover:bg-gray-100",
-  danger: "bg-danger hover:bg-danger/90 text-white shadow-sm",
-  success: "bg-success hover:bg-success/90 text-white shadow-sm",
-  link: "text-primary hover:text-primary/80 hover:underline"
-};
-var BUTTON_SIZES = {
-  xs: "px-2.5 py-1.5 text-xs",
-  sm: "px-3 py-2 text-sm",
-  md: "px-4 py-2.5 text-sm",
-  lg: "px-5 py-3 text-base",
-  xl: "px-6 py-3.5 text-lg"
-};
-var BUTTON_ICON_SIZES = {
-  xs: "p-1.5",
-  sm: "p-2",
-  md: "p-2.5",
-  lg: "p-3",
-  xl: "p-4"
-};
-var BUTTON_BASE_CLASSES = "cursor-pointer inline-flex items-center justify-center font-medium rounded-lg transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:ring-offset-2";
-function getButtonVariantClasses(variant) {
-  return BUTTON_VARIANTS[variant];
-}
-function getButtonSizeClasses(size, iconOnly) {
-  return iconOnly ? BUTTON_ICON_SIZES[size] : BUTTON_SIZES[size];
-}
-var ALERT_VARIANTS = {
-  info: {
-    container: "bg-info/10 border-info/30 text-info",
-    icon: "text-info"
-  },
-  success: {
-    container: "bg-success/10 border-success/30 text-success",
-    icon: "text-success"
-  },
-  warning: {
-    container: "bg-warning/10 border-warning/30 text-warning",
-    icon: "text-warning"
-  },
-  danger: {
-    container: "bg-danger/10 border-danger/30 text-danger",
-    icon: "text-danger"
-  },
-  neutral: {
-    container: "bg-gray-50 border-gray-200 text-gray-800",
-    icon: "text-gray-500"
-  }
-};
-var ALERT_BASE_CLASSES = "rounded-lg border p-4";
-function getAlertVariantClasses(variant) {
-  return ALERT_VARIANTS[variant];
-}
-var ALERT_ICONS = {
-  info: `<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
-  </svg>`,
-  success: `<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
-  </svg>`,
-  warning: `<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
-  </svg>`,
-  danger: `<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/>
-  </svg>`,
-  neutral: `<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
-  </svg>`
-};
-var CLOSE_ICON = `<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
-</svg>`;
-var LOADING_SPINNER = `<svg class="animate-spin -ml-1 mr-2 h-4 w-4" fill="none" viewBox="0 0 24 24">
-  <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-  <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-</svg>`;
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-export {
-  ALERT_BASE_CLASSES,
-  ALERT_ICONS,
-  ALERT_VARIANTS,
-  BADGE_DOT_SIZES,
-  BADGE_DOT_VARIANTS,
-  BADGE_SIZES,
-  BADGE_VARIANTS,
-  BUTTON_BASE_CLASSES,
-  BUTTON_ICON_SIZES,
-  BUTTON_SIZES,
-  BUTTON_VARIANTS,
-  CARD_SIZES,
-  CARD_VARIANTS,
-  CLOSE_ICON,
-  LOADING_SPINNER,
-  cn,
-  getAlertVariantClasses,
-  getBadgeDotSizeClasses,
-  getBadgeDotVariantClasses,
-  getBadgeSizeClasses,
-  getBadgeVariantClasses,
-  getButtonSizeClasses,
-  getButtonVariantClasses,
-  getCardSizeClasses,
-  getCardVariantClasses
-};