@youngonesworks/ui 0.1.95 → 0.1.98

package/dist/styles/tailwind.css

@@ -0,0 +1,44 @@
+/**
+ * Tailwind CSS v4 Configuration for YoungOnes UI Package
+ * This file should be imported by consuming applications
+ */
+
+@import "tailwindcss";
+
+/* Configure Tailwind to scan this package's components */
+@source "./node_modules/@youngonesworks/ui/dist/**/*.{js,jsx,ts,tsx}";
+
+/* Custom theme configuration */
+@theme {
+  /* Custom animations */
+  --animate-spin-slow: spin 2s linear infinite;
+  --animate-spin-once: spin 2s linear forwards;
+  
+  /* Custom transition durations */
+  --transition-duration-sidebar: var(--transition-duration-sidebar);
+  --transition-duration-1000: 1000ms;
+  --transition-duration-700: 700ms;
+}
+
+/* Custom utility classes */
+@layer utilities {
+  .animate-spin-slow {
+    animation: var(--animate-spin-slow);
+  }
+  
+  .animate-spin-once {
+    animation: var(--animate-spin-once);
+  }
+  
+  .duration-sidebar {
+    transition-duration: var(--transition-duration-sidebar);
+  }
+  
+  .duration-1000 {
+    transition-duration: var(--transition-duration-1000);
+  }
+  
+  .duration-700 {
+    transition-duration: var(--transition-duration-700);
+  }
+}

package/dist/tailwind.plugin.js

@@ -0,0 +1,33 @@
+const plugin = require('tailwindcss/plugin');
+
+module.exports = plugin(function({ addUtilities, addBase, addComponents }) {
+  // Add custom utilities
+  addUtilities({
+    '.animate-spin-slow': {
+      animation: 'spin 2s linear infinite',
+    },
+    '.animate-spin-once': {
+      animation: 'spin 2s linear forwards',
+    },
+    '.duration-sidebar': {
+      'transition-duration': 'var(--transition-duration-sidebar)',
+    },
+    '.duration-1000': {
+      'transition-duration': '1000ms',
+    },
+    '.duration-700': {
+      'transition-duration': '700ms',
+    },
+    // Add more utilities from your utilities.css file
+  });
+
+  // Add base styles if needed
+  addBase({
+    // Add any base styles your components need
+  });
+
+  // Add component styles if needed
+  addComponents({
+    // Add any component-specific styles
+  });
+});

package/dist/tailwind.preset.js

@@ -0,0 +1,46 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    // Include the package's components in the content scan
+    './node_modules/@youngonesworks/ui/dist/**/*.{js,jsx,ts,tsx}',
+  ],
+  theme: {
+    extend: {
+      // Custom animations from your utilities
+      animation: {
+        'spin-slow': 'spin 2s linear infinite',
+        'spin-once': 'spin 2s linear forwards',
+      },
+      // Custom transition durations
+      transitionDuration: {
+        'sidebar': 'var(--transition-duration-sidebar)',
+        '1000': '1000ms',
+        '700': '700ms',
+      },
+      // Add any other custom theme extensions your components use
+    },
+  },
+  plugins: [
+    // Custom utilities plugin
+    function({ addUtilities }) {
+      addUtilities({
+        '.animate-spin-slow': {
+          animation: 'spin 2s linear infinite',
+        },
+        '.animate-spin-once': {
+          animation: 'spin 2s linear forwards',
+        },
+        '.duration-sidebar': {
+          'transition-duration': 'var(--transition-duration-sidebar)',
+        },
+        '.duration-1000': {
+          'transition-duration': '1000ms',
+        },
+        '.duration-700': {
+          'transition-duration': '700ms',
+        },
+        // Add other custom utilities from your utilities.css here
+      });
+    }
+  ],
+};

package/dist/theme/fonts.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Next.js Font Configuration for YoungOnes UI Package
+ * Optimized for Next.js projects only
+ */
+export declare const gothamFont: import("next/dist/compiled/@next/font").NextFontWithVariable;
+export declare const FONT_FAMILIES: {
+    readonly gotham: "var(--font-gotham), Gotham, ui-sans-serif, system-ui, sans-serif";
+    readonly sans: "ui-sans-serif, system-ui, sans-serif";
+    readonly serif: "ui-serif, Georgia, serif";
+    readonly mono: "ui-monospace, SFMono-Regular, Consolas, monospace";
+};
+export declare const FONT_WEIGHTS: {
+    readonly thin: "100";
+    readonly extraLight: "200";
+    readonly light: "300";
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semiBold: "600";
+    readonly bold: "700";
+    readonly extraBold: "800";
+    readonly black: "900";
+};
+export declare const FONT_CLASS_NAMES: {
+    readonly gotham: string;
+    readonly sans: "font-sans";
+    readonly serif: "font-serif";
+    readonly mono: "font-mono";
+};
+export default gothamFont;

package/dist/utils/enums.d.ts

@@ -31,6 +31,7 @@ export declare enum COLOR {
     ULTRA_LIGHT_GRAY = "ultra-light-gray",
     TURQUOISE = "turquoise",
     RED = "red",
+    DARK_GRAY = "dark-gray",
     GRAY = "gray",
     WHITE = "white",
     PURPLE = "purple",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youngonesworks/ui",
-  "version": "0.1.95",
+  "version": "0.1.98",
   "description": "A Youngones UI component library",
   "type": "module",
   "main": "dist/index.cjs",
@@ -102,9 +102,11 @@
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.4.3",
+    "@types/date-fns": "^2.6.3",
     "@types/jest": "^29.5.12",
     "@types/node": "^24.0.3",
     "@types/react": "18",
+    "@types/react-day-picker": "^5.3.0",
     "@types/react-dom": "18",
     "@typescript-eslint/eslint-plugin": "^8.34.1",
     "@typescript-eslint/parser": "^8.34.1",