@forsyteco/product-ui 0.0.3 → 0.0.4

package/README.md

@@ -22,7 +22,7 @@ npm install react@^19.2.1 react-dom@^19.2.1 tailwindcss@^4.1.17
 
 ## Setup
 
-### 1. Import Tailwind Base Styles
+### 1. Import Tailwind base styles
 
 Make sure Tailwind CSS is imported in your application:
 
@@ -31,7 +31,16 @@ Make sure Tailwind CSS is imported in your application:
 @import 'tailwindcss';
 ```
 
-### 2. Import Components
+### 2. Import the design system styles
+
+Pull in the design tokens, fonts, and utilities provided by the library:
+
+```css
+/* src/index.css or your main CSS file, after tailwindcss */
+@import '@forsyteco/product-ui/styles.css';
+```
+
+### 3. Import components
 
 ```typescript
 import { Spinner } from '@forsyteco/product-ui'

package/dist/icon-button/icon-button.d.ts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithoutRef, ComponentType, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const iconButtonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | null | undefined;
+    shape?: "square" | "circle" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type IconComponent = ComponentType<{
+    className?: string;
+}>;
+type BaseIconButtonProps = {
+    icon: IconComponent;
+    children?: ReactNode;
+    description?: string;
+    inactive?: boolean;
+    loading?: boolean;
+    keybindingHint?: string;
+    tooltipDirection?: 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w' | 'nw';
+    className?: string;
+    'aria-label': string;
+};
+type IconButtonAsButton = BaseIconButtonProps & VariantProps<typeof iconButtonVariants> & Omit<ComponentPropsWithoutRef<'button'>, keyof BaseIconButtonProps | 'as' | 'href' | 'children'> & {
+    as?: 'button';
+    href?: never;
+};
+type IconButtonAsAnchor = BaseIconButtonProps & VariantProps<typeof iconButtonVariants> & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseIconButtonProps | 'as' | 'children'> & {
+    as: 'a';
+    href: string;
+};
+export type IconButtonProps = IconButtonAsButton | IconButtonAsAnchor;
+declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export { IconButton, iconButtonVariants };
+export default IconButton;
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/icon-button/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,kBAAkB;;;;8EA2BvB,CAAA;AAED,KAAK,aAAa,GAAG,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAE1D,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,KAAK,kBAAkB,GAAG,mBAAmB,GAC3C,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACvC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,mBAAmB,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC,GAAG;IACjG,EAAE,CAAC,EAAE,QAAQ,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAA;AAEH,KAAK,kBAAkB,GAAG,mBAAmB,GAC3C,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACvC,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,mBAAmB,GAAG,IAAI,GAAG,UAAU,CAAC,GAAG;IACnF,EAAE,EAAE,GAAG,CAAA;IACP,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAEH,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG,kBAAkB,CAAA;AAUrE,QAAA,MAAM,UAAU,mIA2Ed,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA;AACzC,eAAe,UAAU,CAAA"}

package/dist/icon-button/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './icon-button';
+export { iconButtonVariants } from './icon-button';
+export type { IconButtonProps } from './icon-button';
+//# sourceMappingURL=index.d.ts.map

package/dist/icon-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA"}