@admin-layout/tailwind-ui 12.0.16-alpha.23 → 12.0.16-alpha.25

package/README.md

@@ -18,6 +18,26 @@ We use Tailwind utility classes directly in our components. This approach provid
 3. Ensures consistent styling across the application
 4. Reduces overall bundle size by removing unnecessary CSS
 
+## How to Use
+
+### Importing Components from Admin Layout
+
+**✅ Correct Import Method:**
+
+```jsx
+import { Button } from '@admin-layout/tailwind-ui/shardui/button.js';
+import { Input } from '@admin-layout/tailwind-ui/shardui/input.js';
+import { Card } from '@admin-layout/tailwind-ui/shardui/card.js';
+```
+
+**❌ Avoid Importing from lib:**
+
+```jsx
+// DON'T DO THIS
+import { Button } from '@admin-layout/tailwind-ui/lib/components/Button';
+import { Button } from '@admin-layout/tailwind-ui';
+```
+
 ## Tailwind CSS Implementation Guidelines
 
 Follow these guidelines when implementing components with Tailwind:

package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationErrorHandler.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ApplicationErrorHandler.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,uBAAuB,GAAI,UAAK,4CAG5C,CAAC"}
+{"version":3,"file":"ApplicationErrorHandler.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ApplicationErrorHandler.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,uBAAuB,GAAI,UAAK,4CAG5C,CAAC"}

package/lib/components/ErrorHandlers/ApplicationErrorHandler.js

@@ -1,19 +1,15 @@
-import {jsx}from'react/jsx-runtime';import {ApplicationErrorHandlerCommon}from'@admin-layout/client';import*as React from'react';import {logger}from'@cdm-logger/client';import {useToast}from'../../hooks/useToast.js';const FallbackComponent = ({
+import {jsx}from'react/jsx-runtime';import {ApplicationErrorHandlerCommon}from'@admin-layout/client';import*as React from'react';import {logger}from'@cdm-logger/client';import'../ThemeProvider/ThemeProvider.js';import {toast}from'sonner';const FallbackComponent = ({
   error
 }) => {
-  const toast = useToast();
   React.useLayoutEffect(() => {
     if (process.env.NODE_ENV !== 'production') {
-      toast({
-        position: 'top',
-        title: 'Server Errors. Please try again later...',
-        status: 'error',
-        duration: 9000,
-        isClosable: true
+      toast.error('Server Errors. Please try again later...', {
+        description: error?.payload.message,
+        duration: 9000
       });
     }
     logger.error('Application Backend Error', error?.payload.message);
-  }, [toast]);
+  }, []);
   return null;
 };
 const ApplicationErrorHandler = props => {

package/lib/components/ErrorHandlers/ApplicationErrorHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationErrorHandler.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ApplicationErrorHandler.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/button.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: {
     variant?: "default" | "link" | "secondary" | "outline" | "ghost" | "destructive";
-    size?: "default" | "sm" | "lg" | "icon";
+    size?: "default" | "sm" | "icon" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/lib/shardui/command.d.ts

@@ -24,7 +24,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "value" | "onChange" | "type"> & {
+}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/lib/shardui/resizable.d.ts

@@ -1,6 +1,6 @@
 import * as ResizablePrimitive from 'react-resizable-panels';
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLLabelElement | HTMLTextAreaElement | HTMLStyleElement | HTMLHRElement | HTMLOListElement | HTMLObjectElement | HTMLLinkElement | HTMLTitleElement | HTMLDialogElement | HTMLFormElement | HTMLProgressElement | HTMLTimeElement | HTMLDataElement | HTMLMetaElement | HTMLMapElement | HTMLSlotElement | HTMLOutputElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMeterElement | HTMLPreElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLLabelElement | HTMLTextAreaElement | HTMLStyleElement | HTMLHRElement | HTMLOListElement | HTMLObjectElement | HTMLLinkElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/lib/shardui/sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: {
-    side?: "top" | "bottom" | "left" | "right";
+    side?: "bottom" | "left" | "right" | "top";
 } & import("class-variance-authority/types").ClassProp) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.0.16-alpha.23",
+    "version": "12.0.16-alpha.25",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -27,7 +27,7 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/client": "12.0.16-alpha.23",
+        "@admin-layout/client": "12.0.16-alpha.25",
         "@radix-ui/react-accordion": "^1.2.0",
         "@radix-ui/react-alert-dialog": "^1.1.1",
         "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -70,6 +70,10 @@
         "tailwindcss-animate": "^1.0.6",
         "vaul": "^0.9.3"
     },
+    "devDependencies": {
+        "rc-field-form": "^2.7.0",
+        "scroll-into-view-if-needed": "^3.1.0"
+    },
     "peerDependencies": {
         "history": "*",
         "react": ">=16",
@@ -81,5 +85,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "2cecd9c93dfd6819cde71dcfd8739dd8302bc453"
+    "gitHead": "8b62bff1ab82f6131580a877203778f33c4aa8c4"
 }