@feugene/granularity 0.1.0

package/dist/components/DsToaster/styles.css

@@ -0,0 +1,558 @@
+/* layer: preflights */
+*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}
+:root {
+  /* Foundations: neutral palette */
+  --ds-slate-0: #ffffff;
+  --ds-slate-50: #f8fafc;
+  --ds-slate-100: #f1f5f9;
+  --ds-slate-200: #e2e8f0;
+  --ds-slate-300: #cbd5e1;
+  --ds-slate-400: #94a3b8;
+  --ds-slate-500: #64748b;
+  --ds-slate-600: #475569;
+  --ds-slate-700: #334155;
+  --ds-slate-800: #1e293b;
+  --ds-slate-900: #0f172a;
+
+  /* Typography: font families */
+  --ds-font-ui: Inter, Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
+  --ds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
+
+  /* Typography: font sizes */
+  --ds-text-xs: 12px;
+  --ds-text-sm: 14px;
+  --ds-text-base: 16px;
+  --ds-text-lg: 18px;
+  --ds-text-xl: 20px;
+  --ds-text-2xl: 24px;
+  --ds-text-3xl: 30px;
+  --ds-text-4xl: 36px;
+
+  /* Typography: line heights */
+  --ds-leading-tight: 1.25;
+  --ds-leading-normal: 1.5;
+  --ds-leading-relaxed: 1.625;
+
+  /* Typography: font weights */
+  --ds-font-regular: 400;
+  --ds-font-medium: 500;
+  --ds-font-semibold: 600;
+  --ds-font-bold: 700;
+
+  /* Layout: spacing scale */
+  --ds-space-0: 0px;
+  --ds-space-1: 4px;
+  --ds-space-2: 8px;
+  --ds-space-3: 12px;
+  --ds-space-4: 16px;
+  --ds-space-5: 20px;
+  --ds-space-6: 24px;
+  --ds-space-8: 32px;
+  --ds-space-10: 40px;
+  --ds-space-12: 48px;
+  --ds-space-16: 64px;
+  --ds-space-20: 80px;
+  --ds-space-24: 96px;
+  --ds-space-32: 128px;
+  --ds-space-40: 160px;
+  --ds-space-48: 192px;
+  --ds-space-64: 256px;
+
+  /* Layout: containers */
+  --ds-container-max: 1280px;
+  --ds-container-max-2xl: 1440px;
+  --ds-container-padding-mobile: 16px;
+  --ds-container-padding-tablet: 24px;
+  --ds-container-padding-desktop: 32px;
+
+  /* Layout: breakpoints */
+  --ds-bp-sm: 640px;
+  --ds-bp-md: 768px;
+  --ds-bp-lg: 1024px;
+  --ds-bp-xl: 1280px;
+  --ds-bp-2xl: 1536px;
+
+  /* Shapes: radii and compatibility aliases */
+  --radius: 0.5rem;
+  --ds-radius-none: 0px;
+  --ds-radius-sm: 4px;
+  --ds-radius-md: 8px;
+  --ds-radius-lg: 12px;
+  --ds-radius-xl: 16px;
+  --ds-radius-full: 9999px;
+
+  /* Elevation */
+  --ds-shadow-0: none;
+  --ds-shadow-1: 0 1px 2px rgba(15, 23, 42, 0.08);
+  --ds-shadow-2: 0 8px 24px rgba(15, 23, 42, 0.14);
+  --ds-shadow-3: 0 16px 48px rgba(15, 23, 42, 0.20);
+
+  /* Motion */
+  --ds-duration-fast: 150ms;
+  --ds-duration-base: 200ms;
+  --ds-duration-slow: 300ms;
+  --ds-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+  --ds-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
+
+  /* Derived interaction formulas: action roles */
+  --primary-hover: color-mix(in srgb, var(--primary) 92%, var(--fg));
+  --primary-active: color-mix(in srgb, var(--primary) 84%, var(--fg));
+  --secondary-hover: color-mix(in srgb, var(--secondary) 92%, var(--fg));
+  --secondary-active: color-mix(in srgb, var(--secondary) 84%, var(--fg));
+  --brd-hover: color-mix(in srgb, var(--brd) 70%, var(--fg));
+  --brd-active: color-mix(in srgb, var(--brd) 55%, var(--fg));
+  --destructive-hover: color-mix(in srgb, var(--destructive) 92%, var(--fg));
+  --destructive-active: color-mix(in srgb, var(--destructive) 84%, var(--fg));
+
+  /* Derived interaction formulas: status roles */
+  --ds-success-hover: color-mix(in srgb, var(--ds-success) 92%, var(--fg));
+  --ds-success-active: color-mix(in srgb, var(--ds-success) 84%, var(--fg));
+  --ds-warning-hover: color-mix(in srgb, var(--ds-warning) 92%, var(--fg));
+  --ds-warning-active: color-mix(in srgb, var(--ds-warning) 84%, var(--fg));
+  --ds-danger-hover: color-mix(in srgb, var(--ds-danger) 92%, var(--fg));
+  --ds-danger-active: color-mix(in srgb, var(--ds-danger) 84%, var(--fg));
+  --ds-info-hover: color-mix(in srgb, var(--ds-info) 92%, var(--fg));
+  --ds-info-active: color-mix(in srgb, var(--ds-info) 84%, var(--fg));
+  --ds-slate-hover: color-mix(in srgb, var(--ds-slate) 92%, var(--fg));
+  --ds-slate-active: color-mix(in srgb, var(--ds-slate) 84%, var(--fg));
+  --ds-azure-hover: color-mix(in srgb, var(--ds-azure) 92%, var(--fg));
+  --ds-azure-active: color-mix(in srgb, var(--ds-azure) 84%, var(--fg));
+}
+
+html,
+body {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    font-family: var(--ds-font-ui);
+    background: var(--bg);
+    color: var(--fg);
+}
+
+/*
+ * UnoCSS tailwind-compat reset intentionally does not force `background-color: transparent` for buttons
+ * (to avoid breaking component libraries). In our DS we want plain buttons/links to be transparent by default.
+ */
+:where(a, button) {
+    background-color: transparent;
+}
+
+:where(input[type='button'], input[type='submit'], input[type='reset']) {
+    background-color: transparent;
+}
+
+code,
+pre,
+kbd {
+    font-family: var(--ds-font-mono);
+}
+
+* {
+    box-sizing: border-box;
+}
+
+:root {
+  /* Surface roles */
+  --bg: #f8fafc;
+  --fg: #0f172a;
+  --card: #ffffff;
+  --card-fg: #0f172a;
+  --popover: #ffffff;
+  --popover-fg: #0f172a;
+  --muted: #f1f5f9;
+  --muted-fg: #64748b;
+  --secondary: #e2e8f0;
+  --secondary-fg: #1e293b;
+  --brd: #e2e8f0;
+  --input: #e2e8f0;
+  --ring: #6366f1;
+
+  /* Action roles */
+  --primary: #4f46e5;
+  --primary-fg: #ffffff;
+  --accent: #eef2ff;
+  --accent-fg: #3730a3;
+  --destructive: #dc2626;
+  --destructive-fg: #ffffff;
+
+  /* Status roles */
+  --ds-success: #10b981;
+  --ds-success-light: #d1fae5;
+  --ds-success-fg: #ffffff;
+  --ds-success-text: #065f46;
+  --ds-warning: #f97316;
+  --ds-warning-light: #ffedd5;
+  --ds-warning-fg: #ffffff;
+  --ds-warning-text: #7c2d12;
+  --ds-danger: #dc2626;
+  --ds-danger-light: #fee2e2;
+  --ds-danger-fg: #ffffff;
+  --ds-danger-text: #991b1b;
+  --ds-info: #5850ec;
+  --ds-info-light: #e0e7ff;
+  --ds-info-fg: #ffffff;
+  --ds-info-text: #3730a3;
+  --ds-slate: #475569;
+  --ds-slate-light: #e2e8f0;
+  --ds-slate-fg: #ffffff;
+  --ds-slate-text: #334155;
+  --ds-azure: #0ea5e9;
+  --ds-azure-light: #e0f2fe;
+  --ds-azure-fg: #ffffff;
+  --ds-azure-text: #075985;
+
+  /* Data visualization roles */
+  --chart-1: #4f46e5;
+  --chart-2: #10b981;
+  --chart-3: #f97316;
+  --chart-4: #6366f1;
+  --chart-5: #8b5cf6;
+
+  /* Navigation roles */
+  --sidebar: #ffffff;
+  --sidebar-fg: #0f172a;
+  --sidebar-primary: #4f46e5;
+  --sidebar-primary-fg: #ffffff;
+  --sidebar-accent: #f1f5f9;
+  --sidebar-accent-fg: #1e293b;
+  --sidebar-brd: #e2e8f0;
+  --sidebar-ring: #6366f1;
+}
+
+@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
+  :root {
+    /* Action role fallbacks */
+    --primary-hover: #4a42d6;
+    --primary-active: #453ec7;
+    --secondary-hover: #d1d7e0;
+    --secondary-active: #c0c7d0;
+    --brd-hover: #a3a9b5;
+    --brd-active: #838a97;
+    --destructive-hover: #cc2526;
+    --destructive-active: #bb2427;
+
+    /* Status role fallbacks */
+    --ds-success-hover: #10ac7a;
+    --ds-success-active: #109f73;
+    --ds-warning-hover: #e66c18;
+    --ds-warning-active: #d46419;
+    --ds-danger-hover: #cc2526;
+    --ds-danger-active: #bb2427;
+    --ds-info-hover: #5c60e1;
+    --ds-info-active: #5659d1;
+    --ds-slate-hover: #435062;
+    --ds-slate-active: #3d4a5b;
+    --ds-azure-hover: #0284c7;
+    --ds-azure-active: #0369a1;
+
+    /* Component semantic fallbacks */
+    --ds-category-tree-branch-line-active-color: #c4cdf7;
+  }
+}
+
+.theme-dark,
+.dark,
+[data-theme='dark'] {
+  /* Surface roles */
+  --bg: #0f172a;
+  --fg: #f8fafc;
+  --card: #1e293b;
+  --card-fg: #f8fafc;
+  --popover: #1e293b;
+  --popover-fg: #f8fafc;
+  --muted: #334155;
+  --muted-fg: #94a3b8;
+  --secondary: #334155;
+  --secondary-fg: #f1f5f9;
+  --brd: #334155;
+  --input: #334155;
+  --ring: #818cf8;
+
+  /* Action roles */
+  --primary: #6366f1;
+  --primary-fg: #ffffff;
+  --accent: #1e1b4b;
+  --accent-fg: #c7d2fe;
+  --destructive: #ef4444;
+  --destructive-fg: #ffffff;
+
+  /* Status roles */
+  --ds-success: #34d399;
+  --ds-success-light: #064e3b;
+  --ds-success-fg: #0f172a;
+  --ds-success-text: #6ee7b7;
+  --ds-warning: #fb923c;
+  --ds-warning-light: #7c2d12;
+  --ds-warning-fg: #0f172a;
+  --ds-warning-text: #fdba74;
+  --ds-danger: #f87171;
+  --ds-danger-light: #7f1d1d;
+  --ds-danger-fg: #0f172a;
+  --ds-danger-text: #fca5a5;
+  --ds-info: #818cf8;
+  --ds-info-light: #312e81;
+  --ds-info-fg: #0f172a;
+  --ds-info-text: #c7d2fe;
+  --ds-slate: #94a3b8;
+  --ds-slate-light: #334155;
+  --ds-slate-fg: #0f172a;
+  --ds-slate-text: #cbd5e1;
+  --ds-azure: #38bdf8;
+  --ds-azure-light: #0c4a6e;
+  --ds-azure-fg: #0f172a;
+  --ds-azure-text: #bae6fd;
+
+  /* Data visualization roles */
+  --chart-1: #6366f1;
+  --chart-2: #34d399;
+  --chart-3: #fb923c;
+  --chart-4: #818cf8;
+  --chart-5: #a78bfa;
+
+  /* Navigation roles */
+  --sidebar: #1e293b;
+  --sidebar-fg: #f8fafc;
+  --sidebar-primary: #6366f1;
+  --sidebar-primary-fg: #ffffff;
+  --sidebar-accent: #334155;
+  --sidebar-accent-fg: #f1f5f9;
+  --sidebar-brd: #334155;
+  --sidebar-ring: #818cf8;
+}
+
+@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
+  .theme-dark,
+  .dark,
+  [data-theme='dark'] {
+    /* Action role fallbacks */
+    --primary-hover: #6f72f2;
+    --primary-active: #7b7ef3;
+    --secondary-hover: #435062;
+    --secondary-active: #535f70;
+    --brd-hover: #6e7987;
+    --brd-active: #8c94a0;
+    --destructive-hover: #f05353;
+    --destructive-active: #f06161;
+
+    /* Status role fallbacks */
+    --ds-success-hover: #44d6a1;
+    --ds-success-active: #53d9a9;
+    --ds-warning-hover: #fb9a4b;
+    --ds-warning-active: #fba35b;
+    --ds-danger-hover: #f87c7c;
+    --ds-danger-active: #f88787;
+    --ds-info-hover: #8b95f8;
+    --ds-info-active: #949ef9;
+    --ds-slate-hover: #9faec0;
+    --ds-slate-active: #aab7c8;
+    --ds-azure-hover: #4bc3f9;
+    --ds-azure-active: #5dcbf9;
+
+    /* Component semantic fallbacks */
+    --ds-category-tree-branch-line-active-color: #505b8c;
+  }
+}
+
+@keyframes granularity-spin{to{transform:rotate(360deg)}}
+/* layer: default */
+.fixed{position:fixed;}
+.right-4{right:1rem;}
+.top-4{top:1rem;}
+.z-50{z-index:50;}
+.grid{display:grid;}
+.mt-0\.5{margin-top:0.125rem;}
+.h-10{height:2.5rem;}
+.h-11{height:2.75rem;}
+.h-4{height:1rem;}
+.h-5{height:1.25rem;}
+.h-7{height:1.75rem;}
+.h-8{height:2rem;}
+.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem);}
+.min-w-0{min-width:0;}
+.w-\[360px\]{width:360px;}
+.w-10{width:2.5rem;}
+.w-11{width:2.75rem;}
+.w-4{width:1rem;}
+.w-5{width:1.25rem;}
+.w-7{width:1.75rem;}
+.w-8{width:2rem;}
+.flex{display:flex;}
+.inline-flex{display:inline-flex;}
+.flex-1{flex:1 1 0%;}
+.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
+.select-none{-webkit-user-select:none;user-select:none;}
+.items-start{align-items:flex-start;}
+.items-center{align-items:center;}
+.justify-center{justify-content:center;}
+.gap-2{gap:0.5rem;}
+.gap-3{gap:0.75rem;}
+.whitespace-nowrap{white-space:nowrap;}
+.border{border-width:1px;}
+.border-\[var\(--brd\)\]{border-color:var(--brd);}
+.border-\[var\(--ds-azure\)\]{border-color:var(--ds-azure);}
+.border-\[var\(--ds-button-azure-bg\,var\(--ds-azure\)\)\]{border-color:var(--ds-button-azure-bg,var(--ds-azure));}
+.border-\[var\(--ds-button-danger-bg\,var\(--ds-danger\)\)\]{border-color:var(--ds-button-danger-bg,var(--ds-danger));}
+.border-\[var\(--ds-button-info-bg\,var\(--ds-info\)\)\]{border-color:var(--ds-button-info-bg,var(--ds-info));}
+.border-\[var\(--ds-button-primary-bg\,var\(--primary\)\)\]{border-color:var(--ds-button-primary-bg,var(--primary));}
+.border-\[var\(--ds-button-slate-bg\,var\(--ds-slate\)\)\]{border-color:var(--ds-button-slate-bg,var(--ds-slate));}
+.border-\[var\(--ds-button-success-bg\,var\(--ds-success\)\)\]{border-color:var(--ds-button-success-bg,var(--ds-success));}
+.border-\[var\(--ds-button-warning-bg\,var\(--ds-warning\)\)\]{border-color:var(--ds-button-warning-bg,var(--ds-warning));}
+.border-\[var\(--ds-danger\)\]{border-color:var(--ds-danger);}
+.border-\[var\(--ds-info\)\]{border-color:var(--ds-info);}
+.border-\[var\(--ds-slate\)\]{border-color:var(--ds-slate);}
+.border-\[var\(--ds-success\)\]{border-color:var(--ds-success);}
+.border-\[var\(--ds-warning\)\]{border-color:var(--ds-warning);}
+.border-\[var\(--primary\)\]{border-color:var(--primary);}
+.border-\[var\(--secondary\)\]{border-color:var(--secondary);}
+.border-transparent{border-color:transparent;}
+.hover\:active\:border-\[var\(--brd-active\,var\(--brd\)\)\]:active:hover{border-color:var(--brd-active,var(--brd));}
+.hover\:active\:border-\[var\(--ds-azure-active\)\]:active:hover{border-color:var(--ds-azure-active);}
+.hover\:active\:border-\[var\(--ds-button-azure-bg-active\,var\(--ds-azure-active\)\)\]:active:hover{border-color:var(--ds-button-azure-bg-active,var(--ds-azure-active));}
+.hover\:active\:border-\[var\(--ds-button-danger-bg-active\,var\(--ds-danger-active\)\)\]:active:hover{border-color:var(--ds-button-danger-bg-active,var(--ds-danger-active));}
+.hover\:active\:border-\[var\(--ds-button-info-bg-active\,var\(--ds-info-active\)\)\]:active:hover{border-color:var(--ds-button-info-bg-active,var(--ds-info-active));}
+.hover\:active\:border-\[var\(--ds-button-primary-bg-active\,var\(--primary-active\)\)\]:active:hover{border-color:var(--ds-button-primary-bg-active,var(--primary-active));}
+.hover\:active\:border-\[var\(--ds-button-slate-bg-active\,var\(--ds-slate-active\)\)\]:active:hover{border-color:var(--ds-button-slate-bg-active,var(--ds-slate-active));}
+.hover\:active\:border-\[var\(--ds-button-success-bg-active\,var\(--ds-success-active\)\)\]:active:hover{border-color:var(--ds-button-success-bg-active,var(--ds-success-active));}
+.hover\:active\:border-\[var\(--ds-button-warning-bg-active\,var\(--ds-warning-active\)\)\]:active:hover{border-color:var(--ds-button-warning-bg-active,var(--ds-warning-active));}
+.hover\:active\:border-\[var\(--ds-danger-active\)\]:active:hover{border-color:var(--ds-danger-active);}
+.hover\:active\:border-\[var\(--ds-info-active\)\]:active:hover{border-color:var(--ds-info-active);}
+.hover\:active\:border-\[var\(--ds-slate-active\)\]:active:hover{border-color:var(--ds-slate-active);}
+.hover\:active\:border-\[var\(--ds-success-active\)\]:active:hover{border-color:var(--ds-success-active);}
+.hover\:active\:border-\[var\(--ds-warning-active\)\]:active:hover{border-color:var(--ds-warning-active);}
+.hover\:active\:border-\[var\(--primary-active\)\]:active:hover{border-color:var(--primary-active);}
+.hover\:active\:border-\[var\(--secondary-active\)\]:active:hover{border-color:var(--secondary-active);}
+.hover\:border-\[var\(--brd-hover\,var\(--brd\)\)\]:hover{border-color:var(--brd-hover,var(--brd));}
+.hover\:border-\[var\(--ds-azure-hover\)\]:hover{border-color:var(--ds-azure-hover);}
+.hover\:border-\[var\(--ds-button-azure-bg-hover\,var\(--ds-azure-hover\)\)\]:hover{border-color:var(--ds-button-azure-bg-hover,var(--ds-azure-hover));}
+.hover\:border-\[var\(--ds-button-danger-bg-hover\,var\(--ds-danger-hover\)\)\]:hover{border-color:var(--ds-button-danger-bg-hover,var(--ds-danger-hover));}
+.hover\:border-\[var\(--ds-button-info-bg-hover\,var\(--ds-info-hover\)\)\]:hover{border-color:var(--ds-button-info-bg-hover,var(--ds-info-hover));}
+.hover\:border-\[var\(--ds-button-primary-bg-hover\,var\(--primary-hover\)\)\]:hover{border-color:var(--ds-button-primary-bg-hover,var(--primary-hover));}
+.hover\:border-\[var\(--ds-button-slate-bg-hover\,var\(--ds-slate-hover\)\)\]:hover{border-color:var(--ds-button-slate-bg-hover,var(--ds-slate-hover));}
+.hover\:border-\[var\(--ds-button-success-bg-hover\,var\(--ds-success-hover\)\)\]:hover{border-color:var(--ds-button-success-bg-hover,var(--ds-success-hover));}
+.hover\:border-\[var\(--ds-button-warning-bg-hover\,var\(--ds-warning-hover\)\)\]:hover{border-color:var(--ds-button-warning-bg-hover,var(--ds-warning-hover));}
+.hover\:border-\[var\(--ds-danger-hover\)\]:hover{border-color:var(--ds-danger-hover);}
+.hover\:border-\[var\(--ds-info-hover\)\]:hover{border-color:var(--ds-info-hover);}
+.hover\:border-\[var\(--ds-slate-hover\)\]:hover{border-color:var(--ds-slate-hover);}
+.hover\:border-\[var\(--ds-success-hover\)\]:hover{border-color:var(--ds-success-hover);}
+.hover\:border-\[var\(--ds-warning-hover\)\]:hover{border-color:var(--ds-warning-hover);}
+.hover\:border-\[var\(--primary-hover\)\]:hover{border-color:var(--primary-hover);}
+.hover\:border-\[var\(--secondary-hover\)\]:hover{border-color:var(--secondary-hover);}
+.active\:border-\[var\(--brd-active\,var\(--brd\)\)\]:active{border-color:var(--brd-active,var(--brd));}
+.active\:border-\[var\(--ds-azure-active\)\]:active{border-color:var(--ds-azure-active);}
+.active\:border-\[var\(--ds-button-azure-bg-active\,var\(--ds-azure-active\)\)\]:active{border-color:var(--ds-button-azure-bg-active,var(--ds-azure-active));}
+.active\:border-\[var\(--ds-button-danger-bg-active\,var\(--ds-danger-active\)\)\]:active{border-color:var(--ds-button-danger-bg-active,var(--ds-danger-active));}
+.active\:border-\[var\(--ds-button-info-bg-active\,var\(--ds-info-active\)\)\]:active{border-color:var(--ds-button-info-bg-active,var(--ds-info-active));}
+.active\:border-\[var\(--ds-button-primary-bg-active\,var\(--primary-active\)\)\]:active{border-color:var(--ds-button-primary-bg-active,var(--primary-active));}
+.active\:border-\[var\(--ds-button-slate-bg-active\,var\(--ds-slate-active\)\)\]:active{border-color:var(--ds-button-slate-bg-active,var(--ds-slate-active));}
+.active\:border-\[var\(--ds-button-success-bg-active\,var\(--ds-success-active\)\)\]:active{border-color:var(--ds-button-success-bg-active,var(--ds-success-active));}
+.active\:border-\[var\(--ds-button-warning-bg-active\,var\(--ds-warning-active\)\)\]:active{border-color:var(--ds-button-warning-bg-active,var(--ds-warning-active));}
+.active\:border-\[var\(--ds-danger-active\)\]:active{border-color:var(--ds-danger-active);}
+.active\:border-\[var\(--ds-info-active\)\]:active{border-color:var(--ds-info-active);}
+.active\:border-\[var\(--ds-slate-active\)\]:active{border-color:var(--ds-slate-active);}
+.active\:border-\[var\(--ds-success-active\)\]:active{border-color:var(--ds-success-active);}
+.active\:border-\[var\(--ds-warning-active\)\]:active{border-color:var(--ds-warning-active);}
+.active\:border-\[var\(--primary-active\)\]:active{border-color:var(--primary-active);}
+.active\:border-\[var\(--secondary-active\)\]:active{border-color:var(--secondary-active);}
+.rounded-\[var\(--ds-radius-lg\)\]{border-radius:var(--ds-radius-lg);}
+.rounded-md{border-radius:0.375rem;}
+.bg-\[var\(--card\)\]{background-color:var(--card);}
+.bg-\[var\(--ds-button-azure-bg\,var\(--ds-azure\)\)\]{background-color:var(--ds-button-azure-bg,var(--ds-azure));}
+.bg-\[var\(--ds-button-azure-soft-bg\)\]{background-color:var(--ds-button-azure-soft-bg);}
+.bg-\[var\(--ds-button-danger-bg\,var\(--ds-danger\)\)\]{background-color:var(--ds-button-danger-bg,var(--ds-danger));}
+.bg-\[var\(--ds-button-danger-soft-bg\)\]{background-color:var(--ds-button-danger-soft-bg);}
+.bg-\[var\(--ds-button-info-bg\,var\(--ds-info\)\)\]{background-color:var(--ds-button-info-bg,var(--ds-info));}
+.bg-\[var\(--ds-button-info-soft-bg\)\]{background-color:var(--ds-button-info-soft-bg);}
+.bg-\[var\(--ds-button-primary-bg\,var\(--primary\)\)\]{background-color:var(--ds-button-primary-bg,var(--primary));}
+.bg-\[var\(--ds-button-primary-soft-bg\)\]{background-color:var(--ds-button-primary-soft-bg);}
+.bg-\[var\(--ds-button-slate-bg\,var\(--ds-slate\)\)\]{background-color:var(--ds-button-slate-bg,var(--ds-slate));}
+.bg-\[var\(--ds-button-slate-soft-bg\)\]{background-color:var(--ds-button-slate-soft-bg);}
+.bg-\[var\(--ds-button-success-bg\,var\(--ds-success\)\)\]{background-color:var(--ds-button-success-bg,var(--ds-success));}
+.bg-\[var\(--ds-button-success-soft-bg\)\]{background-color:var(--ds-button-success-soft-bg);}
+.bg-\[var\(--ds-button-warning-bg\,var\(--ds-warning\)\)\]{background-color:var(--ds-button-warning-bg,var(--ds-warning));}
+.bg-\[var\(--ds-button-warning-soft-bg\)\]{background-color:var(--ds-button-warning-soft-bg);}
+.bg-\[var\(--secondary\)\]{background-color:var(--secondary);}
+.bg-transparent{background-color:transparent;}
+.hover\:active\:bg-\[var\(--ds-button-azure-bg-active\,var\(--ds-azure-active\)\)\]:active:hover{background-color:var(--ds-button-azure-bg-active,var(--ds-azure-active));}
+.hover\:active\:bg-\[var\(--ds-button-azure-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-azure-soft-bg-active);}
+.hover\:active\:bg-\[var\(--ds-button-danger-bg-active\,var\(--ds-danger-active\)\)\]:active:hover{background-color:var(--ds-button-danger-bg-active,var(--ds-danger-active));}
+.hover\:active\:bg-\[var\(--ds-button-danger-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-danger-soft-bg-active);}
+.hover\:active\:bg-\[var\(--ds-button-info-bg-active\,var\(--ds-info-active\)\)\]:active:hover{background-color:var(--ds-button-info-bg-active,var(--ds-info-active));}
+.hover\:active\:bg-\[var\(--ds-button-info-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-info-soft-bg-active);}
+.hover\:active\:bg-\[var\(--ds-button-primary-bg-active\,var\(--primary-active\)\)\]:active:hover{background-color:var(--ds-button-primary-bg-active,var(--primary-active));}
+.hover\:active\:bg-\[var\(--ds-button-primary-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-primary-soft-bg-active);}
+.hover\:active\:bg-\[var\(--ds-button-slate-bg-active\,var\(--ds-slate-active\)\)\]:active:hover{background-color:var(--ds-button-slate-bg-active,var(--ds-slate-active));}
+.hover\:active\:bg-\[var\(--ds-button-slate-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-slate-soft-bg-active);}
+.hover\:active\:bg-\[var\(--ds-button-success-bg-active\,var\(--ds-success-active\)\)\]:active:hover{background-color:var(--ds-button-success-bg-active,var(--ds-success-active));}
+.hover\:active\:bg-\[var\(--ds-button-success-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-success-soft-bg-active);}
+.hover\:active\:bg-\[var\(--ds-button-warning-bg-active\,var\(--ds-warning-active\)\)\]:active:hover{background-color:var(--ds-button-warning-bg-active,var(--ds-warning-active));}
+.hover\:active\:bg-\[var\(--ds-button-warning-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-warning-soft-bg-active);}
+.hover\:active\:bg-\[var\(--secondary-active\)\]:active:hover{background-color:var(--secondary-active);}
+.hover\:bg-\[var\(--ds-button-azure-bg-hover\,var\(--ds-azure-hover\)\)\]:hover{background-color:var(--ds-button-azure-bg-hover,var(--ds-azure-hover));}
+.hover\:bg-\[var\(--ds-button-azure-soft-bg-hover\)\]:hover{background-color:var(--ds-button-azure-soft-bg-hover);}
+.hover\:bg-\[var\(--ds-button-danger-bg-hover\,var\(--ds-danger-hover\)\)\]:hover{background-color:var(--ds-button-danger-bg-hover,var(--ds-danger-hover));}
+.hover\:bg-\[var\(--ds-button-danger-soft-bg-hover\)\]:hover{background-color:var(--ds-button-danger-soft-bg-hover);}
+.hover\:bg-\[var\(--ds-button-info-bg-hover\,var\(--ds-info-hover\)\)\]:hover{background-color:var(--ds-button-info-bg-hover,var(--ds-info-hover));}
+.hover\:bg-\[var\(--ds-button-info-soft-bg-hover\)\]:hover{background-color:var(--ds-button-info-soft-bg-hover);}
+.hover\:bg-\[var\(--ds-button-primary-bg-hover\,var\(--primary-hover\)\)\]:hover{background-color:var(--ds-button-primary-bg-hover,var(--primary-hover));}
+.hover\:bg-\[var\(--ds-button-primary-soft-bg-hover\)\]:hover{background-color:var(--ds-button-primary-soft-bg-hover);}
+.hover\:bg-\[var\(--ds-button-slate-bg-hover\,var\(--ds-slate-hover\)\)\]:hover{background-color:var(--ds-button-slate-bg-hover,var(--ds-slate-hover));}
+.hover\:bg-\[var\(--ds-button-slate-soft-bg-hover\)\]:hover{background-color:var(--ds-button-slate-soft-bg-hover);}
+.hover\:bg-\[var\(--ds-button-success-bg-hover\,var\(--ds-success-hover\)\)\]:hover{background-color:var(--ds-button-success-bg-hover,var(--ds-success-hover));}
+.hover\:bg-\[var\(--ds-button-success-soft-bg-hover\)\]:hover{background-color:var(--ds-button-success-soft-bg-hover);}
+.hover\:bg-\[var\(--ds-button-warning-bg-hover\,var\(--ds-warning-hover\)\)\]:hover{background-color:var(--ds-button-warning-bg-hover,var(--ds-warning-hover));}
+.hover\:bg-\[var\(--ds-button-warning-soft-bg-hover\)\]:hover{background-color:var(--ds-button-warning-soft-bg-hover);}
+.hover\:bg-\[var\(--secondary-hover\)\]:hover{background-color:var(--secondary-hover);}
+.active\:bg-\[var\(--ds-button-azure-bg-active\,var\(--ds-azure-active\)\)\]:active{background-color:var(--ds-button-azure-bg-active,var(--ds-azure-active));}
+.active\:bg-\[var\(--ds-button-azure-soft-bg-active\)\]:active{background-color:var(--ds-button-azure-soft-bg-active);}
+.active\:bg-\[var\(--ds-button-danger-bg-active\,var\(--ds-danger-active\)\)\]:active{background-color:var(--ds-button-danger-bg-active,var(--ds-danger-active));}
+.active\:bg-\[var\(--ds-button-danger-soft-bg-active\)\]:active{background-color:var(--ds-button-danger-soft-bg-active);}
+.active\:bg-\[var\(--ds-button-info-bg-active\,var\(--ds-info-active\)\)\]:active{background-color:var(--ds-button-info-bg-active,var(--ds-info-active));}
+.active\:bg-\[var\(--ds-button-info-soft-bg-active\)\]:active{background-color:var(--ds-button-info-soft-bg-active);}
+.active\:bg-\[var\(--ds-button-primary-bg-active\,var\(--primary-active\)\)\]:active{background-color:var(--ds-button-primary-bg-active,var(--primary-active));}
+.active\:bg-\[var\(--ds-button-primary-soft-bg-active\)\]:active{background-color:var(--ds-button-primary-soft-bg-active);}
+.active\:bg-\[var\(--ds-button-slate-bg-active\,var\(--ds-slate-active\)\)\]:active{background-color:var(--ds-button-slate-bg-active,var(--ds-slate-active));}
+.active\:bg-\[var\(--ds-button-slate-soft-bg-active\)\]:active{background-color:var(--ds-button-slate-soft-bg-active);}
+.active\:bg-\[var\(--ds-button-success-bg-active\,var\(--ds-success-active\)\)\]:active{background-color:var(--ds-button-success-bg-active,var(--ds-success-active));}
+.active\:bg-\[var\(--ds-button-success-soft-bg-active\)\]:active{background-color:var(--ds-button-success-soft-bg-active);}
+.active\:bg-\[var\(--ds-button-warning-bg-active\,var\(--ds-warning-active\)\)\]:active{background-color:var(--ds-button-warning-bg-active,var(--ds-warning-active));}
+.active\:bg-\[var\(--ds-button-warning-soft-bg-active\)\]:active{background-color:var(--ds-button-warning-soft-bg-active);}
+.active\:bg-\[var\(--secondary-active\)\]:active{background-color:var(--secondary-active);}
+.p-0{padding:0;}
+.px,
+.px-4{padding-left:1rem;padding-right:1rem;}
+.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}
+.px-3{padding-left:0.75rem;padding-right:0.75rem;}
+.px-5{padding-left:1.25rem;padding-right:1.25rem;}
+.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
+.text-\[13px\]{font-size:13px;}
+.text-base{font-size:1rem;line-height:1.5rem;}
+.text-sm{font-size:0.875rem;line-height:1.25rem;}
+.text-xs{font-size:0.75rem;line-height:1rem;}
+.text-\[var\(--accent-fg\)\]{color:var(--accent-fg);}
+.text-\[var\(--ds-azure-text\,var\(--ds-azure\)\)\]{color:var(--ds-azure-text,var(--ds-azure));}
+.text-\[var\(--ds-button-azure-fg\,var\(--ds-azure-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-azure-fg,var(--ds-azure-fg,var(--fg)));}
+.text-\[var\(--ds-button-danger-fg\,var\(--ds-danger-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-danger-fg,var(--ds-danger-fg,var(--fg)));}
+.text-\[var\(--ds-button-info-fg\,var\(--ds-info-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-info-fg,var(--ds-info-fg,var(--fg)));}
+.text-\[var\(--ds-button-primary-fg\,var\(--primary-fg\)\)\]{color:var(--ds-button-primary-fg,var(--primary-fg));}
+.text-\[var\(--ds-button-slate-fg\,var\(--ds-slate-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-slate-fg,var(--ds-slate-fg,var(--fg)));}
+.text-\[var\(--ds-button-success-fg\,var\(--ds-success-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-success-fg,var(--ds-success-fg,var(--fg)));}
+.text-\[var\(--ds-button-warning-fg\,var\(--ds-warning-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-warning-fg,var(--ds-warning-fg,var(--fg)));}
+.text-\[var\(--ds-danger-text\,var\(--ds-danger\)\)\]{color:var(--ds-danger-text,var(--ds-danger));}
+.text-\[var\(--ds-info-text\,var\(--ds-info\)\)\]{color:var(--ds-info-text,var(--ds-info));}
+.text-\[var\(--ds-slate-text\,var\(--ds-slate\)\)\]{color:var(--ds-slate-text,var(--ds-slate));}
+.text-\[var\(--ds-success-text\,var\(--ds-success\)\)\]{color:var(--ds-success-text,var(--ds-success));}
+.text-\[var\(--ds-warning-text\,var\(--ds-warning\)\)\]{color:var(--ds-warning-text,var(--ds-warning));}
+.text-\[var\(--fg\)\]{color:var(--fg);}
+.text-\[var\(--secondary-fg\)\]{color:var(--secondary-fg);}
+.font-700{font-weight:700;}
+.disabled\:opacity-50:disabled{opacity:0.5;}
+.shadow-\[var\(--ds-shadow-2\)\]{--un-shadow:var(--ds-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.outline{outline-style:solid;}
+.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
+.focus-visible\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.focus-visible\:ring-\[var\(--ring\)\]:focus-visible{--un-ring-color:var(--ring);}
+.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.duration-150{transition-duration:150ms;}
+.animate-spin{animation:granularity-spin 1s linear infinite;}

package/dist/components/DsTooltip/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "../../chunks/DsTooltip-BqNVJw2f.js";
+import { n as t, t as n } from "../../chunks/config-oDjY8ZrP2.js";
+export { e as DsTooltip, e as default, n as dsTooltipConfig, t as dsTooltipSafelist };