@ttianqii/takaui 0.0.72 → 0.1.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ttianqii/takaui",
   "private": false,
-  "version": "0.0.72",
+  "version": "0.1.0",
   "type": "module",
   "main": "./dist/takaui.cjs",
   "module": "./dist/takaui.js",
@@ -11,8 +11,7 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/takaui.js",
       "require": "./dist/takaui.cjs"
-    },
-    "./styles.css": "./dist/takaui.css"
+    }
   },
   "files": [
     "dist",
@@ -21,9 +20,7 @@
   "bin": {
     "takaui-setup": "./src/cli/setup.js"
   },
-  "sideEffects": [
-    "**/*.css"
-  ],
+  "sideEffects": false,
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",

package/src/cli/setup.js

@@ -77,59 +77,47 @@ try {
   console.log('⚠️  Could not update Tailwind config:', error.message);
 }
 
-// 3. Check for CSS import
-const possibleEntryPoints = [
-  'src/main.tsx',
-  'src/main.ts',
-  'src/main.jsx',
-  'src/main.js',
-  'src/index.tsx',
-  'src/index.ts',
-  'src/index.jsx',
-  'src/index.js',
-  'src/App.tsx',
-  'src/App.ts',
-  'src/App.jsx',
-  'src/App.js',
+// 3. Check for Tailwind directives in CSS
+const possibleCssFiles = [
+  'src/index.css',
+  'src/styles.css',
+  'src/App.css',
+  'src/global.css',
 ];
 
-let entryPoint = null;
-for (const file of possibleEntryPoints) {
+let cssFile = null;
+for (const file of possibleCssFiles) {
   if (existsSync(join(cwd, file))) {
-    entryPoint = file;
+    cssFile = file;
     break;
   }
 }
 
-console.log('\n📝 Next Steps:\n');
+console.log('\n📝 Final Steps:\n');
 
-if (entryPoint) {
-  const entryContent = readFileSync(join(cwd, entryPoint), 'utf-8');
+if (cssFile) {
+  const cssContent = readFileSync(join(cwd, cssFile), 'utf-8');
   
-  if (entryContent.includes("@ttianqii/takaui/styles.css")) {
-    console.log(`✅ CSS already imported in ${entryPoint}`);
+  if (cssContent.includes('@tailwind base') && 
+      cssContent.includes('@tailwind components') && 
+      cssContent.includes('@tailwind utilities')) {
+    console.log(`✅ Tailwind directives found in ${cssFile}`);
   } else {
-    console.log(`Add this import to your ${entryPoint}:`);
-    console.log(`  import '@ttianqii/takaui/styles.css'`);
-    
-    // Auto-add if it's a simple case
-    if (entryContent.includes('import')) {
-      const lines = entryContent.split('\n');
-      const lastImportIndex = lines.findLastIndex(line => line.trim().startsWith('import'));
-      
-      if (lastImportIndex !== -1) {
-        lines.splice(lastImportIndex + 1, 0, "import '@ttianqii/takaui/styles.css'");
-        writeFileSync(join(cwd, entryPoint), lines.join('\n'), 'utf-8');
-        console.log(`  ✅ Auto-added CSS import to ${entryPoint}`);
-      }
-    }
+    console.log(`⚠️  Add Tailwind directives to ${cssFile}:`);
+    console.log(`  @tailwind base;`);
+    console.log(`  @tailwind components;`);
+    console.log(`  @tailwind utilities;`);
   }
 } else {
-  console.log('Add this import to your main entry file (e.g., main.tsx or App.tsx):');
-  console.log("  import '@ttianqii/takaui/styles.css'");
+  console.log('⚠️  Create a CSS file (e.g., src/index.css) with:');
+  console.log('  @tailwind base;');
+  console.log('  @tailwind components;');
+  console.log('  @tailwind utilities;');
 }
 
 console.log('\n✨ Setup Complete!\n');
+console.log('🎉 TakaUI works like shadcn/ui - no CSS imports needed!');
+console.log('   Just use the components and Tailwind handles the styling.\n');
 console.log('You can now use TakaUI components:');
 console.log("  import { DatePicker, DataTable, Calendar } from '@ttianqii/takaui'\n");
 console.log('📚 Documentation: https://github.com/ttianqii/takaui\n');

package/dist/takaui.css

@@ -1 +0,0 @@
-[data-takaui] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[data-takaui] .pointer-events-none{pointer-events:none}[data-takaui] .fixed{position:fixed}[data-takaui] .absolute{position:absolute}[data-takaui] .relative{position:relative}[data-takaui] .inset-0{inset:0}[data-takaui] .inset-1{inset:.25rem}[data-takaui] .inset-x-1{left:.25rem;right:.25rem}[data-takaui] .-left-14{left:-3.5rem}[data-takaui] .bottom-1{bottom:.25rem}[data-takaui] .bottom-8{bottom:2rem}[data-takaui] .left-0{left:0}[data-takaui] .left-1\/2{left:50%}[data-takaui] .left-2{left:.5rem}[data-takaui] .left-3{left:.75rem}[data-takaui] .left-\[50\%\]{left:50%}[data-takaui] .right-0{right:0}[data-takaui] .right-3{right:.75rem}[data-takaui] .right-4{right:1rem}[data-takaui] .right-8{right:2rem}[data-takaui] .top-1\/2{top:50%}[data-takaui] .top-3{top:.75rem}[data-takaui] .top-4{top:1rem}[data-takaui] .top-\[50\%\]{top:50%}[data-takaui] .top-full{top:100%}[data-takaui] .z-10{z-index:10}[data-takaui] .z-20{z-index:20}[data-takaui] .z-30{z-index:30}[data-takaui] .z-50{z-index:50}[data-takaui] .z-\[5\]{z-index:5}[data-takaui] .-mx-1{margin-left:-.25rem;margin-right:-.25rem}[data-takaui] .mx-auto{margin-left:auto;margin-right:auto}[data-takaui] .my-1{margin-top:.25rem;margin-bottom:.25rem}[data-takaui] .my-3{margin-top:.75rem;margin-bottom:.75rem}[data-takaui] .my-4{margin-top:1rem;margin-bottom:1rem}[data-takaui] .-ml-14{margin-left:-3.5rem}[data-takaui] .mb-1{margin-bottom:.25rem}[data-takaui] .mb-12{margin-bottom:3rem}[data-takaui] .mb-16{margin-bottom:4rem}[data-takaui] .mb-2{margin-bottom:.5rem}[data-takaui] .mb-3{margin-bottom:.75rem}[data-takaui] .mb-4{margin-bottom:1rem}[data-takaui] .mb-6{margin-bottom:1.5rem}[data-takaui] .mb-8{margin-bottom:2rem}[data-takaui] .ml-2{margin-left:.5rem}[data-takaui] .ml-3{margin-left:.75rem}[data-takaui] .ml-auto{margin-left:auto}[data-takaui] .mr-2{margin-right:.5rem}[data-takaui] .mt-1{margin-top:.25rem}[data-takaui] .mt-16{margin-top:4rem}[data-takaui] .mt-2{margin-top:.5rem}[data-takaui] .mt-3{margin-top:.75rem}[data-takaui] .mt-4{margin-top:1rem}[data-takaui] .mt-6{margin-top:1.5rem}[data-takaui] .mt-8{margin-top:2rem}[data-takaui] .block{display:block}[data-takaui] .flex{display:flex}[data-takaui] .inline-flex{display:inline-flex}[data-takaui] .table{display:table}[data-takaui] .table-caption{display:table-caption}[data-takaui] .table-cell{display:table-cell}[data-takaui] .table-row{display:table-row}[data-takaui] .grid{display:grid}[data-takaui] .hidden{display:none}[data-takaui] .size-2{width:.5rem;height:.5rem}[data-takaui] .size-3\.5{width:.875rem;height:.875rem}[data-takaui] .size-4{width:1rem;height:1rem}[data-takaui] .h-1{height:.25rem}[data-takaui] .h-10{height:2.5rem}[data-takaui] .h-11{height:2.75rem}[data-takaui] .h-12{height:3rem}[data-takaui] .h-16{height:4rem}[data-takaui] .h-2{height:.5rem}[data-takaui] .h-24{height:6rem}[data-takaui] .h-3{height:.75rem}[data-takaui] .h-3\.5{height:.875rem}[data-takaui] .h-4{height:1rem}[data-takaui] .h-40{height:10rem}[data-takaui] .h-5{height:1.25rem}[data-takaui] .h-6{height:1.5rem}[data-takaui] .h-8{height:2rem}[data-takaui] .h-9{height:2.25rem}[data-takaui] .h-\[1px\]{height:1px}[data-takaui] .h-\[3px\]{height:3px}[data-takaui] .h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}[data-takaui] .h-auto{height:auto}[data-takaui] .h-full{height:100%}[data-takaui] .h-px{height:1px}[data-takaui] .max-h-64{max-height:16rem}[data-takaui] .max-h-96{max-height:24rem}[data-takaui] .min-h-screen{min-height:100vh}[data-takaui] .w-1{width:.25rem}[data-takaui] .w-10{width:2.5rem}[data-takaui] .w-12{width:3rem}[data-takaui] .w-16{width:4rem}[data-takaui] .w-2{width:.5rem}[data-takaui] .w-3{width:.75rem}[data-takaui] .w-3\.5{width:.875rem}[data-takaui] .w-4{width:1rem}[data-takaui] .w-48{width:12rem}[data-takaui] .w-5{width:1.25rem}[data-takaui] .w-56{width:14rem}[data-takaui] .w-6{width:1.5rem}[data-takaui] .w-8{width:2rem}[data-takaui] .w-80{width:20rem}[data-takaui] .w-9{width:2.25rem}[data-takaui] .w-\[1px\]{width:1px}[data-takaui] .w-\[320px\]{width:320px}[data-takaui] .w-\[640px\]{width:640px}[data-takaui] .w-\[75px\]{width:75px}[data-takaui] .w-\[85px\]{width:85px}[data-takaui] .w-auto{width:auto}[data-takaui] .w-full{width:100%}[data-takaui] .min-w-0{min-width:0px}[data-takaui] .min-w-\[110px\]{min-width:110px}[data-takaui] .min-w-\[460px\]{min-width:460px}[data-takaui] .min-w-\[800px\]{min-width:800px}[data-takaui] .min-w-\[8rem\]{min-width:8rem}[data-takaui] .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}[data-takaui] .max-w-2xl{max-width:42rem}[data-takaui] .max-w-6xl{max-width:72rem}[data-takaui] .max-w-7xl{max-width:80rem}[data-takaui] .max-w-\[80px\]{max-width:80px}[data-takaui] .max-w-lg{max-width:32rem}[data-takaui] .max-w-md{max-width:28rem}[data-takaui] .flex-1{flex:1 1 0%}[data-takaui] .flex-shrink-0,[data-takaui] .shrink-0{flex-shrink:0}[data-takaui] .caption-bottom{caption-side:bottom}[data-takaui] .-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .cursor-default{cursor:default}[data-takaui] .cursor-not-allowed{cursor:not-allowed}[data-takaui] .cursor-pointer{cursor:pointer}[data-takaui] .cursor-text{cursor:text}[data-takaui] .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-takaui] .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}[data-takaui] .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}[data-takaui] .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}[data-takaui] .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}[data-takaui] .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}[data-takaui] .flex-col{flex-direction:column}[data-takaui] .flex-col-reverse{flex-direction:column-reverse}[data-takaui] .flex-wrap{flex-wrap:wrap}[data-takaui] .items-start{align-items:flex-start}[data-takaui] .items-center{align-items:center}[data-takaui] .justify-start{justify-content:flex-start}[data-takaui] .justify-end{justify-content:flex-end}[data-takaui] .justify-center{justify-content:center}[data-takaui] .justify-between{justify-content:space-between}[data-takaui] .gap-1{gap:.25rem}[data-takaui] .gap-1\.5{gap:.375rem}[data-takaui] .gap-2{gap:.5rem}[data-takaui] .gap-2\.5{gap:.625rem}[data-takaui] .gap-3{gap:.75rem}[data-takaui] .gap-4{gap:1rem}[data-takaui] .gap-6{gap:1.5rem}[data-takaui] .gap-8{gap:2rem}[data-takaui] :is(.space-x-0\.5>:not([hidden])~:not([hidden])){--tw-space-x-reverse: 0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}[data-takaui] :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}[data-takaui] :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}[data-takaui] :is(.space-x-3>:not([hidden])~:not([hidden])){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}[data-takaui] :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}[data-takaui] :is(.space-y-1\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}[data-takaui] :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}[data-takaui] :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}[data-takaui] :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}[data-takaui] :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}[data-takaui] :is(.space-y-8>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}[data-takaui] :is(.divide-y>:not([hidden])~:not([hidden])){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}[data-takaui] :is(.divide-slate-100>:not([hidden])~:not([hidden])){--tw-divide-opacity: 1;border-color:rgb(241 245 249 / var(--tw-divide-opacity, 1))}[data-takaui] .overflow-hidden{overflow:hidden}[data-takaui] .overflow-visible{overflow:visible}[data-takaui] .overflow-x-auto{overflow-x:auto}[data-takaui] .overflow-y-auto{overflow-y:auto}[data-takaui] .overflow-x-hidden{overflow-x:hidden}[data-takaui] .overflow-y-scroll{overflow-y:scroll}[data-takaui] .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-takaui] .whitespace-nowrap{white-space:nowrap}[data-takaui] .rounded{border-radius:.25rem}[data-takaui] .rounded-2xl{border-radius:1rem}[data-takaui] .rounded-full{border-radius:9999px}[data-takaui] .rounded-lg{border-radius:.5rem}[data-takaui] .rounded-md{border-radius:.375rem}[data-takaui] .rounded-sm{border-radius:.125rem}[data-takaui] .rounded-xl{border-radius:.75rem}[data-takaui] .rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}[data-takaui] .rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}[data-takaui] .border{border-width:1px}[data-takaui] .border-2{border-width:2px}[data-takaui] .border-b{border-bottom-width:1px}[data-takaui] .border-b-0{border-bottom-width:0px}[data-takaui] .border-r{border-right-width:1px}[data-takaui] .border-t{border-top-width:1px}[data-takaui] .border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}[data-takaui] .border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}[data-takaui] .border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}[data-takaui] .border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}[data-takaui] .border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}[data-takaui] .border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}[data-takaui] .border-green-100{--tw-border-opacity: 1;border-color:rgb(220 252 231 / var(--tw-border-opacity, 1))}[data-takaui] .border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}[data-takaui] .border-orange-100{--tw-border-opacity: 1;border-color:rgb(255 237 213 / var(--tw-border-opacity, 1))}[data-takaui] .border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}[data-takaui] .border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}[data-takaui] .border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}[data-takaui] .border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}[data-takaui] .border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}[data-takaui] .border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}[data-takaui] .border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}[data-takaui] .bg-black\/50{background-color:#00000080}[data-takaui] .bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-gray-200\/60{background-color:#e5e7eb99}[data-takaui] .bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-gray-50\/50{background-color:#f9fafb80}[data-takaui] .bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-transparent{background-color:transparent}[data-takaui] .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-white\/60{background-color:#fff9}[data-takaui] .bg-white\/80{background-color:#fffc}[data-takaui] .bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}[data-takaui] .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}[data-takaui] .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}[data-takaui] .from-indigo-600{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}[data-takaui] .from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}[data-takaui] .from-slate-50{--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}[data-takaui] .to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}[data-takaui] .to-gray-50{--tw-gradient-to: #f9fafb var(--tw-gradient-to-position)}[data-takaui] .to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}[data-takaui] .to-slate-100{--tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position)}[data-takaui] .fill-blue-600{fill:#2563eb}[data-takaui] .fill-current{fill:currentColor}[data-takaui] .fill-gray-600{fill:#4b5563}[data-takaui] .stroke-\[2\.5\]{stroke-width:2.5}[data-takaui] .p-0{padding:0}[data-takaui] .p-0\.5{padding:.125rem}[data-takaui] .p-1{padding:.25rem}[data-takaui] .p-2{padding:.5rem}[data-takaui] .p-3{padding:.75rem}[data-takaui] .p-4{padding:1rem}[data-takaui] .p-6{padding:1.5rem}[data-takaui] .p-8{padding:2rem}[data-takaui] .px-0{padding-left:0;padding-right:0}[data-takaui] .px-1{padding-left:.25rem;padding-right:.25rem}[data-takaui] .px-2{padding-left:.5rem;padding-right:.5rem}[data-takaui] .px-2\.5{padding-left:.625rem;padding-right:.625rem}[data-takaui] .px-3{padding-left:.75rem;padding-right:.75rem}[data-takaui] .px-4{padding-left:1rem;padding-right:1rem}[data-takaui] .px-6{padding-left:1.5rem;padding-right:1.5rem}[data-takaui] .py-0{padding-top:0;padding-bottom:0}[data-takaui] .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}[data-takaui] .py-1{padding-top:.25rem;padding-bottom:.25rem}[data-takaui] .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}[data-takaui] .py-12{padding-top:3rem;padding-bottom:3rem}[data-takaui] .py-2{padding-top:.5rem;padding-bottom:.5rem}[data-takaui] .py-3{padding-top:.75rem;padding-bottom:.75rem}[data-takaui] .py-4{padding-top:1rem;padding-bottom:1rem}[data-takaui] .py-8{padding-top:2rem;padding-bottom:2rem}[data-takaui] .pb-6{padding-bottom:1.5rem}[data-takaui] .pl-10{padding-left:2.5rem}[data-takaui] .pl-12{padding-left:3rem}[data-takaui] .pl-16{padding-left:4rem}[data-takaui] .pl-20{padding-left:5rem}[data-takaui] .pl-4{padding-left:1rem}[data-takaui] .pl-8{padding-left:2rem}[data-takaui] .pr-2{padding-right:.5rem}[data-takaui] .pr-8{padding-right:2rem}[data-takaui] .pt-0{padding-top:0}[data-takaui] .pt-2{padding-top:.5rem}[data-takaui] .pt-3{padding-top:.75rem}[data-takaui] .pt-4{padding-top:1rem}[data-takaui] .text-left{text-align:left}[data-takaui] .text-center{text-align:center}[data-takaui] .text-right{text-align:right}[data-takaui] .align-middle{vertical-align:middle}[data-takaui] .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[data-takaui] .text-2xl{font-size:1.5rem;line-height:2rem}[data-takaui] .text-3xl{font-size:1.875rem;line-height:2.25rem}[data-takaui] .text-4xl{font-size:2.25rem;line-height:2.5rem}[data-takaui] .text-5xl{font-size:3rem;line-height:1}[data-takaui] .text-6xl{font-size:3.75rem;line-height:1}[data-takaui] .text-\[10px\]{font-size:10px}[data-takaui] .text-\[9px\]{font-size:9px}[data-takaui] .text-base{font-size:1rem;line-height:1.5rem}[data-takaui] .text-lg{font-size:1.125rem;line-height:1.75rem}[data-takaui] .text-sm{font-size:.875rem;line-height:1.25rem}[data-takaui] .text-xl{font-size:1.25rem;line-height:1.75rem}[data-takaui] .text-xs{font-size:.75rem;line-height:1rem}[data-takaui] .font-bold{font-weight:700}[data-takaui] .font-medium{font-weight:500}[data-takaui] .font-normal{font-weight:400}[data-takaui] .font-semibold{font-weight:600}[data-takaui] .uppercase{text-transform:uppercase}[data-takaui] .tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}[data-takaui] .leading-none{line-height:1}[data-takaui] .leading-relaxed{line-height:1.625}[data-takaui] .leading-tight{line-height:1.25}[data-takaui] .tracking-tight{letter-spacing:-.025em}[data-takaui] .tracking-widest{letter-spacing:.1em}[data-takaui] .text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}[data-takaui] .text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}[data-takaui] .text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}[data-takaui] .text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}[data-takaui] .text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}[data-takaui] .text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}[data-takaui] .text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}[data-takaui] .text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}[data-takaui] .text-current{color:currentColor}[data-takaui] .text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}[data-takaui] .text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}[data-takaui] .text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}[data-takaui] .text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}[data-takaui] .text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}[data-takaui] .text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}[data-takaui] .text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}[data-takaui] .text-gray-950{--tw-text-opacity: 1;color:rgb(3 7 18 / var(--tw-text-opacity, 1))}[data-takaui] .text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-takaui] .text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}[data-takaui] .text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}[data-takaui] .text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}[data-takaui] .text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}[data-takaui] .text-indigo-100{--tw-text-opacity: 1;color:rgb(224 231 255 / var(--tw-text-opacity, 1))}[data-takaui] .text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}[data-takaui] .text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}[data-takaui] .text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}[data-takaui] .text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}[data-takaui] .text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}[data-takaui] .text-orange-900{--tw-text-opacity: 1;color:rgb(124 45 18 / var(--tw-text-opacity, 1))}[data-takaui] .text-purple-100{--tw-text-opacity: 1;color:rgb(243 232 255 / var(--tw-text-opacity, 1))}[data-takaui] .text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}[data-takaui] .text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}[data-takaui] .text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}[data-takaui] .text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}[data-takaui] .text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}[data-takaui] .text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}[data-takaui] .text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}[data-takaui] .text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}[data-takaui] .text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}[data-takaui] .text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}[data-takaui] .text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}[data-takaui] .text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}[data-takaui] .text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}[data-takaui] .text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}[data-takaui] .text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}[data-takaui] .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-takaui] .text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}[data-takaui] .text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}[data-takaui] .underline-offset-4{text-underline-offset:4px}[data-takaui] .opacity-0{opacity:0}[data-takaui] .opacity-40{opacity:.4}[data-takaui] .opacity-50{opacity:.5}[data-takaui] .opacity-60{opacity:.6}[data-takaui] .opacity-70{opacity:.7}[data-takaui] .opacity-80{opacity:.8}[data-takaui] .opacity-90{opacity:.9}[data-takaui] .shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-takaui] .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-takaui] .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-takaui] .outline-none{outline:2px solid transparent;outline-offset:2px}[data-takaui] .outline{outline-style:solid}[data-takaui] .ring-offset-white{--tw-ring-offset-color: #fff}[data-takaui] .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-takaui] .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-takaui] .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-takaui] .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-takaui] .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-takaui] .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-takaui] .duration-200{transition-duration:.2s}[data-takaui] .duration-300{transition-duration:.3s}[data-takaui]{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-takaui] *,[data-takaui] *:before,[data-takaui] *:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}[data-takaui] button,[data-takaui] [role=button]{background-color:transparent;background-image:none}[data-takaui] input,[data-takaui] select,[data-takaui] textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}[data-takaui] .file\:border-0::file-selector-button{border-width:0px}[data-takaui] .file\:bg-transparent::file-selector-button{background-color:transparent}[data-takaui] .file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}[data-takaui] .file\:font-medium::file-selector-button{font-weight:500}[data-takaui] .placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}[data-takaui] .placeholder\:text-gray-400::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}[data-takaui] .last\:border-b-0:last-child{border-bottom-width:0px}[data-takaui] .last\:border-r-0:last-child{border-right-width:0px}[data-takaui] .hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .hover\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}[data-takaui] .hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}[data-takaui] .hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}[data-takaui] .hover\:border-slate-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}[data-takaui] .hover\:bg-blue-50\/30:hover{background-color:#eff6ff4d}[data-takaui] .hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}[data-takaui] .hover\:bg-transparent:hover{background-color:transparent}[data-takaui] .hover\:bg-white\/50:hover{background-color:#ffffff80}[data-takaui] .hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}[data-takaui] .hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}[data-takaui] .hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}[data-takaui] .hover\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}[data-takaui] .hover\:underline:hover{text-decoration-line:underline}[data-takaui] .hover\:opacity-100:hover{opacity:1}[data-takaui] .hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-takaui] .hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-takaui] .hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-takaui] .focus\:border-gray-500:focus{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}[data-takaui] .focus\:bg-gray-100:focus{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}[data-takaui] .focus\:text-gray-900:focus{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}[data-takaui] .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}[data-takaui] .focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}[data-takaui] .focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}[data-takaui] .focus\:ring-gray-950:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(3 7 18 / var(--tw-ring-opacity, 1))}[data-takaui] .focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}[data-takaui] .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}[data-takaui] .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}[data-takaui] .focus-visible\:ring-gray-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1))}[data-takaui] .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}[data-takaui] .active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .active\:bg-blue-800:active{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}[data-takaui] .active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}[data-takaui] .active\:bg-gray-200:active{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}[data-takaui] .active\:bg-gray-400:active{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}[data-takaui] .active\:bg-red-800:active{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}[data-takaui] .disabled\:pointer-events-none:disabled{pointer-events:none}[data-takaui] .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}[data-takaui] .disabled\:opacity-50:disabled{opacity:.5}[data-takaui] :is(.group:hover .group-hover\:-translate-x-1){--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] :is(.group:hover .group-hover\:scale-110){--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] :is(.group:hover .group-hover\:text-slate-700){--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}[data-takaui] :is(.group:hover .group-hover\:opacity-100){opacity:1}[data-takaui] :is(.peer:disabled~.peer-disabled\:cursor-not-allowed){cursor:not-allowed}[data-takaui] :is(.peer:disabled~.peer-disabled\:opacity-70){opacity:.7}[data-takaui] .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}[data-takaui] .data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] .data-\[state\=checked\]\:border-gray-900[data-state=checked]{--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}[data-takaui] .data-\[state\=checked\]\:bg-gray-900[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}[data-takaui] .data-\[state\=open\]\:bg-gray-100[data-state=open]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}[data-takaui] .data-\[state\=selected\]\:bg-gray-50[data-state=selected]{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}[data-takaui] .data-\[inset\]\:pl-8[data-inset]{padding-left:2rem}[data-takaui] .data-\[state\=checked\]\:text-white[data-state=checked]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-takaui] .data-\[state\=open\]\:text-gray-900[data-state=open]{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}[data-takaui] .data-\[variant\=destructive\]\:text-red-600[data-variant=destructive]{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}[data-takaui] .data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}[data-takaui] .data-\[variant\=destructive\]\:focus\:bg-red-50:focus[data-variant=destructive]{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}[data-takaui] .data-\[variant\=destructive\]\:focus\:text-red-700:focus[data-variant=destructive]{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}@media(min-width:640px){[data-takaui] .sm\:block{display:block}[data-takaui] .sm\:inline{display:inline}[data-takaui] .sm\:flex{display:flex}[data-takaui] .sm\:hidden{display:none}[data-takaui] .sm\:w-96{width:24rem}[data-takaui] .sm\:w-\[300px\]{width:300px}[data-takaui] .sm\:w-auto{width:auto}[data-takaui] .sm\:flex-row{flex-direction:row}[data-takaui] .sm\:items-center{align-items:center}[data-takaui] .sm\:justify-end{justify-content:flex-end}[data-takaui] :is(.sm\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}[data-takaui] .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}[data-takaui] .sm\:text-left{text-align:left}}@media(min-width:768px){[data-takaui] .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}[data-takaui] .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){[data-takaui] .lg\:col-span-2{grid-column:span 2 / span 2}[data-takaui] .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}[data-takaui] .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}[data-takaui] .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}[data-takaui] .lg\:px-8{padding-left:2rem;padding-right:2rem}}[data-takaui] .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}[data-takaui] :is(.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]){--tw-translate-y: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-takaui] :is(.\[\&\>tr\]\:last\:border-b-0:last-child>tr){border-bottom-width:0px}[data-takaui] :is(.\[\&_button\:hover\]\:bg-gray-700 button:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}[data-takaui] :is(.\[\&_button\]\:text-gray-300 button){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}[data-takaui] :is(.\[\&_input\:\:placeholder\]\:text-gray-400 input)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}[data-takaui] :is(.\[\&_input\:\:placeholder\]\:text-gray-400 input)::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}[data-takaui] :is(.\[\&_input\]\:border-gray-600 input){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}[data-takaui] :is(.\[\&_input\]\:bg-gray-700 input){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}[data-takaui] :is(.\[\&_input\]\:text-white input){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-takaui] :is(.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}[data-takaui] :is(.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-gray-500 svg:not([class*=text-])){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}[data-takaui] :is(.\[\&_svg\]\:pointer-events-none svg){pointer-events:none}[data-takaui] :is(.\[\&_svg\]\:shrink-0 svg){flex-shrink:0}[data-takaui] :is(.\[\&_table\]\:bg-gray-800 table){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}[data-takaui] :is(.\[\&_td\]\:text-gray-200 td){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}[data-takaui] :is(.\[\&_th\]\:text-gray-300 th){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}[data-takaui] :is(.\[\&_thead\]\:bg-gray-700 thead){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}[data-takaui] :is(.\[\&_tr\:hover\]\:bg-gray-700 tr:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}[data-takaui] :is(.\[\&_tr\:last-child\]\:border-b-0 tr:last-child){border-bottom-width:0px}[data-takaui] :is(.\[\&_tr\]\:border-b tr){border-bottom-width:1px}[data-takaui] :is(.\[\&_tr\]\:border-gray-200 tr){--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}[data-takaui] :is(.\[\&_tr\]\:border-gray-600 tr){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}