@fpkit/acss 0.5.12 → 0.5.13

package/libs/ui-9a6f9f8d.d.ts

@@ -1,24 +0,0 @@
-import React__default from 'react';
-
-type PolymorphicRef<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>["ref"];
-type AsProp<C extends React__default.ElementType> = {
-    as?: C;
-};
-type PropsToOmit<C extends React__default.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React__default.ElementType, Props = {}> = React__default.PropsWithChildren<Props & AsProp<C>> & Omit<React__default.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-type PolymorphicComponentPropWithRef<C extends React__default.ElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
-    ref?: PolymorphicRef<C>;
-};
-type FPProps<C extends React__default.ElementType> = PolymorphicComponentPropWithRef<C, {
-    renderStyles?: boolean;
-    styles?: React__default.CSSProperties;
-    classes?: string;
-    id?: string;
-    children?: React__default.ReactNode;
-}>;
-type FPComponent = <C extends React__default.ElementType = "span">(props: FPProps<C>) => React__default.ReactElement | (any & {
-    displayName?: String;
-});
-declare const FP: FPComponent;
-
-export { FP as F };

package/src/components/cards/README.md

@@ -1,80 +0,0 @@
-
-# Card Component
-
-The Card component is a versatile and reusable React component for creating card-like UI elements. It's part of the FPKit React component library.
-
-## Usage
-
-```tsx
-import Card from 'libs/react/fpkit/src/components/cards/card';
-
-<Card>
-  <Card.Title>Card Title</Card.Title>
-  <Card.Content>
-    This is the content of the card.
-  </Card.Content>
-</Card>
-```
-
-## Components
-
-### Card
-
-The main container component for the card.
-
-#### Props
-
-- `elm?: 'div' | 'aside' | 'section' | 'article'` - HTML element to render as (default: 'div')
-- `title?: React.ReactNode` - Card title
-- `footer?: React.ReactNode` - Card footer
-- `styles?: React.CSSProperties` - Inline styles
-- `classes?: string` - Additional CSS classes
-- `id?: string` - Unique ID for the card
-
-All other props are passed through to the underlying UI component.
-
-### Card.Title
-
-A sub-component for rendering the card's title.
-
-#### Props
-
-- `as?: React.ElementType` - HTML element to render as (default: 'h3')
-- `className?: string` - Additional CSS classes
-- `styles?: React.CSSProperties` - Inline styles
-
-### Card.Content
-
-A sub-component for rendering the card's main content.
-
-#### Props
-
-- `className?: string` - Additional CSS classes
-- `styles?: React.CSSProperties` - Inline styles
-
-## Styling
-
-The component uses CSS classes for styling:
-
-- `.card-title` for the title
-- `.card-content` for the content
-
-You can override these classes or provide additional styling through the `className` and `styles` props.
-
-## Accessibility
-
-The Card component is designed with accessibility in mind:
-
-- It uses semantic HTML elements (`div`, `aside`, `section`, or `article`) for the main container.
-- The Title component defaults to using an `h3` element, which can be changed if needed.
-- The Content component uses an `article` element for semantic structure.
-
-## TypeScript
-
-This component is written in TypeScript and provides type definitions for all props and sub-components.
-
-## Contributing
-
-When contributing to this component, please follow the established code style and conventions. Ensure all changes are well-tested and documented.
-
-This README provides an overview of the Card component, its usage, available props, styling information, and accessibility considerations. It also mentions that the component is written in TypeScript and provides guidance for contributors.

package/src/components/dialog/hooks/useClickOutside.ts

@@ -1,33 +0,0 @@
-// hooks/useClickOutside.ts
-import { RefObject } from "react";
-
-/**
- * Hook that handles click outside detection for any HTML element
- * @param ref Reference to the element to detect clicks outside of
- * @param handler Function to call when a click outside is detected
- * @returns Click event handler function
- */
-const useClickOutside = (
-  ref: RefObject<HTMLElement>,
-  handler: () => void
-): ((e: React.MouseEvent<HTMLElement>) => void) => {
-  return (e: React.MouseEvent<HTMLElement>) => {
-    const dimensions = ref.current?.getBoundingClientRect();
-
-    if (!dimensions) {
-      return;
-    }
-
-    const isClickOutside =
-      e.clientY < dimensions.top ||
-      e.clientY > dimensions.bottom ||
-      e.clientX < dimensions.left ||
-      e.clientX > dimensions.right;
-
-    if (isClickOutside) {
-      handler();
-    }
-  };
-};
-
-export default useClickOutside;