+
<>
- {children}
+ {props.children as React.ReactNode}
{allowsSorting && (
- <>
-
-
-
-
+
+
+
)}
{isResizable &&
}
@@ -161,7 +163,7 @@ interface HeaderProps
extends TableHeaderProps {
const Header = ({ children, className, columns, ...props }: HeaderProps) => {
const { selectionBehavior, selectionMode, allowsDragging } = useTableOptions();
return (
-
+
{allowsDragging && }
{selectionBehavior === 'toggle' && (
{selectionMode === 'multiple' && }
@@ -179,22 +181,29 @@ const TableRow = ({ children, className, columns, id, ...props
const { selectionBehavior, allowsDragging } = useTableOptions();
return (
{allowsDragging && (
- |
- |
diff --git a/resources/js/ziggy.js b/resources/js/ziggy.js
index ba3d102..4795fbe 100644
--- a/resources/js/ziggy.js
+++ b/resources/js/ziggy.js
@@ -1,4 +1,29 @@
-const Ziggy = {"url":"http:\/\/inertia.ts.test","port":null,"defaults":{},"routes":{"sanctum.csrf-cookie":{"uri":"sanctum\/csrf-cookie","methods":["GET","HEAD"]},"home":{"uri":"\/","methods":["GET","HEAD"]},"about":{"uri":"about","methods":["GET","HEAD"]},"dashboard":{"uri":"dashboard","methods":["GET","HEAD"]},"profile.edit":{"uri":"profile","methods":["GET","HEAD"]},"profile.update":{"uri":"profile","methods":["PATCH"]},"profile.destroy":{"uri":"profile","methods":["DELETE"]},"register":{"uri":"register","methods":["GET","HEAD"]},"login":{"uri":"login","methods":["GET","HEAD"]},"password.request":{"uri":"forgot-password","methods":["GET","HEAD"]},"password.email":{"uri":"forgot-password","methods":["POST"]},"password.reset":{"uri":"reset-password\/{token}","methods":["GET","HEAD"],"parameters":["token"]},"password.store":{"uri":"reset-password","methods":["POST"]},"verification.notice":{"uri":"verify-email","methods":["GET","HEAD"]},"verification.verify":{"uri":"verify-email\/{id}\/{hash}","methods":["GET","HEAD"],"parameters":["id","hash"]},"verification.send":{"uri":"email\/verification-notification","methods":["POST"]},"password.confirm":{"uri":"confirm-password","methods":["GET","HEAD"]},"password.update":{"uri":"password","methods":["PUT"]},"logout":{"uri":"logout","methods":["POST"]}}};
+const Ziggy = {
+ url: 'http:\/\/inertia.ts.test',
+ port: null,
+ defaults: {},
+ routes: {
+ 'sanctum.csrf-cookie': { uri: 'sanctum\/csrf-cookie', methods: ['GET', 'HEAD'] },
+ home: { uri: '\/', methods: ['GET', 'HEAD'] },
+ about: { uri: 'about', methods: ['GET', 'HEAD'] },
+ dashboard: { uri: 'dashboard', methods: ['GET', 'HEAD'] },
+ 'profile.edit': { uri: 'profile', methods: ['GET', 'HEAD'] },
+ 'profile.update': { uri: 'profile', methods: ['PATCH'] },
+ 'profile.destroy': { uri: 'profile', methods: ['DELETE'] },
+ register: { uri: 'register', methods: ['GET', 'HEAD'] },
+ login: { uri: 'login', methods: ['GET', 'HEAD'] },
+ 'password.request': { uri: 'forgot-password', methods: ['GET', 'HEAD'] },
+ 'password.email': { uri: 'forgot-password', methods: ['POST'] },
+ 'password.reset': { uri: 'reset-password\/{token}', methods: ['GET', 'HEAD'], parameters: ['token'] },
+ 'password.store': { uri: 'reset-password', methods: ['POST'] },
+ 'verification.notice': { uri: 'verify-email', methods: ['GET', 'HEAD'] },
+ 'verification.verify': { uri: 'verify-email\/{id}\/{hash}', methods: ['GET', 'HEAD'], parameters: ['id', 'hash'] },
+ 'verification.send': { uri: 'email\/verification-notification', methods: ['POST'] },
+ 'password.confirm': { uri: 'confirm-password', methods: ['GET', 'HEAD'] },
+ 'password.update': { uri: 'password', methods: ['PUT'] },
+ logout: { uri: 'logout', methods: ['POST'] }
+ }
+};
if (typeof window !== 'undefined' && typeof window.Ziggy !== 'undefined') {
Object.assign(Ziggy.routes, window.Ziggy.routes);
}
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 73358c2..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,94 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-import { withTV } from 'tailwind-variants/transformer';
-import { fontFamily } from 'tailwindcss/defaultTheme';
-
-const config = withTV({
- darkMode: ['class'],
- content: [
- './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
- './storage/framework/views/*.php',
- './resources/views/**/*.blade.php',
- './resources/js/**/*.{js,jsx,ts,tsx}'
- ],
- theme: {
- extend: {
- fontFamily: {
- sans: ['Figtree', ...fontFamily.sans]
- },
- colors: {
- light: 'hsl(var(--light))',
- dark: 'hsl(var(--dark))',
- border: 'hsl(var(--border))',
- input: 'hsl(var(--input))',
- ring: 'hsl(var(--ring))',
- toggle: 'hsl(var(--toggle))',
- bg: 'hsl(var(--bg))',
- fg: 'hsl(var(--fg))',
- primary: {
- DEFAULT: 'hsl(var(--primary))',
- fg: 'hsl(var(--primary-fg))',
- 50: 'hsl(204.7 99% 97%)',
- 100: 'hsl(206.15 100% 92%)',
- 200: 'hsl(206.57 99% 86%)',
- 300: 'hsl(204.41 100% 77%)',
- 400: 'hsl(206.02 100% 66%)',
- 500: 'hsl(210.99 100% 57.99%)',
- 600: 'hsl(215.79 98% 52%)',
- 700: 'hsl(218.8 90% 48%)',
- 800: 'hsl(220.35 84% 40%)',
- 900: 'hsl(218.91 76% 33%)',
- 950: 'hsl(220.26 68% 21%)'
- },
- secondary: {
- DEFAULT: 'hsl(var(--secondary))',
- fg: 'hsl(var(--secondary-fg))'
- },
- tertiary: {
- DEFAULT: 'hsl(var(--tertiary))',
- fg: 'hsl(var(--tertiary-fg))'
- },
- accent: {
- DEFAULT: 'hsl(var(--accent))',
- fg: 'hsl(var(--accent-fg))',
- subtle: 'hsl(var(--accent-subtle))',
- 'subtle-fg': 'hsl(var(--accent-subtle-fg))'
- },
- success: {
- DEFAULT: 'hsl(var(--success))',
- fg: 'hsl(var(--success-fg))'
- },
- info: {
- DEFAULT: 'hsl(var(--info))',
- fg: 'hsl(var(--info-fg))'
- },
- danger: {
- DEFAULT: 'hsl(var(--danger))',
- fg: 'hsl(var(--danger-fg))'
- },
- warning: {
- DEFAULT: 'hsl(var(--warning))',
- fg: 'hsl(var(--warning-fg))'
- },
- muted: {
- DEFAULT: 'hsl(var(--muted))',
- fg: 'hsl(var(--muted-fg))'
- },
- overlay: {
- DEFAULT: 'hsl(var(--overlay))',
- fg: 'hsl(var(--overlay-fg))'
- }
- },
- borderRadius: {
- '3xl': 'calc(var(--radius) + 7.5px)',
- '2xl': 'calc(var(--radius) + 5px)',
- xl: 'calc(var(--radius) + 2.5px)',
- lg: 'calc(var(--radius))',
- md: 'calc(var(--radius) - 2.5px)',
- sm: 'calc(var(--radius) - 5px)'
- }
- }
- },
- plugins: [require('tailwindcss-animate'), require('tailwindcss-react-aria-components')]
-});
-
-export default config;
diff --git a/vite.config.js b/vite.config.js
index f409812..0460c48 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,10 +1,13 @@
+import tailwindcss from '@tailwindcss/vite';
import react from '@vitejs/plugin-react';
import laravel from 'laravel-vite-plugin';
import { resolve } from 'path';
import { defineConfig } from 'vite';
import { watch } from 'vite-plugin-watch';
+
export default defineConfig({
plugins: [
+ tailwindcss(),
laravel({
input: 'resources/js/app.tsx',
ssr: 'resources/js/ssr.tsx',