@fpkit/acss 0.5.13 → 0.6.1

package/libs/chunk-OK5QEIMD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/breadcrumbs/breadcrumb.tsx","../src/libs/content.ts"],"names":["React","Truncate","str","length","BreadcrumbItem","children","id","styles","classes","props","BreadcrumbList","ui_default","BreadcrumbNav","useBreadcrumbSegments","currentRoute","routes","segments","segment","getRouteMetadata","pathSegment","route","r","processedSegments","index","Breadcrumb","startRoute","startRouteUrl","spacer","ariaLabel","truncateLength","linkProps","hasSegments","uuid","link_default","name","url","path","isLast","decodedName","truncatedName","needsAriaLabel","previousPath","breadcrumb_default"],"mappings":"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","sourcesContent":["// Code: Breadcrumb component\nimport React from \"react\";\nimport UI from \"#components/ui\";\nimport { Truncate } from \"#libs/content\";\nimport Link from \"#components/link/link\";\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\n/**\n * Represents a route segment in the breadcrumb navigation.\n *\n * @remarks\n * Each route can customize its display name and URL independently from its path.\n * This allows for URL aliasing and custom route naming.\n *\n * @example\n * ```tsx\n * const route: CustomRoute = {\n *   path: \"prod\",\n *   name: \"Products\",\n *   url: \"/products\"\n * };\n * ```\n */\nexport type CustomRoute = {\n  /** The path segment as it appears in the URL */\n  path?: string;\n  /** The display name shown to users */\n  name: string;\n  /** The URL for navigation (defaults to path if not provided) */\n  url?: string;\n};\n\n/**\n * Props for the Breadcrumb component.\n *\n * @remarks\n * The component can operate in two modes:\n * 1. Automatic mode: Derives path from `currentRoute` prop\n * 2. Controlled mode: Uses provided `routes` array for complete control over route naming\n *\n * @example\n * ```tsx\n * // Simple automatic mode\n * <Breadcrumb currentRoute=\"/products/shirts\" />\n *\n * // Controlled mode with custom route names\n * <Breadcrumb\n *   currentRoute=\"/prod/shirts\"\n *   routes={[\n *     { path: \"prod\", name: \"Products\", url: \"/products\" },\n *     { path: \"shirts\", name: \"All Shirts\", url: \"/products/shirts\" }\n *   ]}\n * />\n * ```\n */\nexport type BreadcrumbProps = {\n  /** Array of custom route objects for controlled breadcrumb generation */\n  routes?: CustomRoute[];\n  /** Starting route node (typically \"Home\") */\n  startRoute?: React.ReactNode;\n  /** Starting route URL (typically \"/\") */\n  startRouteUrl?: string;\n  /** Separator element between breadcrumb items */\n  spacer?: React.ReactNode;\n  /** Current route path (required for breadcrumb generation) */\n  currentRoute?: string;\n  /** ARIA label for the breadcrumb navigation */\n  ariaLabel?: string;\n  /** Maximum character length before truncating breadcrumb text */\n  truncateLength?: number;\n  /** Props to spread onto breadcrumb Link components */\n  linkProps?: Omit<React.ComponentProps<typeof Link>, \"href\" | \"children\">;\n} & Omit<React.ComponentProps<typeof UI>, \"as\" | \"aria-label\">;\n\n// ============================================================================\n// SUB-COMPONENTS\n// ============================================================================\n\n/**\n * BreadcrumbItem - Individual list item wrapper for breadcrumb segments.\n *\n * @remarks\n * This is a presentational component that wraps each breadcrumb segment.\n * Memoized to prevent unnecessary re-renders when parent updates.\n */\nconst BreadcrumbItem = React.memo(\n  ({\n    children,\n    id,\n    styles,\n    classes,\n    ...props\n  }: React.ComponentProps<typeof UI>) => {\n    return (\n      <li\n        id={id}\n        style={styles}\n        className={classes}\n        data-list=\"unstyled inline\"\n        {...props}\n      >\n        {children}\n      </li>\n    );\n  }\n);\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\n/**\n * BreadcrumbList - Ordered list container for breadcrumb items.\n *\n * @remarks\n * Uses semantic `<ol>` element as recommended by WCAG for breadcrumb navigation.\n * Memoized to prevent unnecessary re-renders.\n */\nconst BreadcrumbList = React.memo(\n  ({ children, ...props }: React.ComponentProps<typeof UI>) => {\n    return (\n      <UI as=\"ol\" data-list=\"unstyled inline\" {...props}>\n        {children}\n      </UI>\n    );\n  }\n);\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\n/**\n * BreadcrumbNav - Navigation wrapper for breadcrumb structure.\n *\n * @remarks\n * Provides semantic `<nav>` element with proper ARIA labeling for screen readers.\n * Automatically wraps children in BreadcrumbList.\n */\nconst BreadcrumbNav = React.memo(\n  ({\n    styles,\n    id,\n    classes,\n    children,\n    ...props\n  }: React.ComponentProps<typeof UI>) => {\n    return (\n      <UI as=\"nav\" id={id} styles={styles} className={classes} {...props}>\n        <BreadcrumbList>{children}</BreadcrumbList>\n      </UI>\n    );\n  }\n);\nBreadcrumbNav.displayName = \"BreadcrumbNav\";\n\n// ============================================================================\n// HOOKS\n// ============================================================================\n\n/**\n * Custom hook to process breadcrumb segments from a path string.\n *\n * @param currentRoute - The current route path to process\n * @param routes - Optional custom route mappings for customizing segment names and URLs\n * @returns Object containing processed breadcrumb segments with metadata and hasSegments flag\n *\n * @remarks\n * This hook encapsulates the business logic for breadcrumb generation:\n * - **Path parsing and segmentation** - Splits path into individual segments\n * - **Route name resolution** - Maps segments to custom routes or uses segment as-is\n * - **URL construction** - Builds navigation URLs for each segment\n * - **Performance** - Memoized to prevent unnecessary recalculations on each render\n *\n * The hook is exported for advanced use cases where you need breadcrumb logic\n * without the UI, such as:\n * - Custom breadcrumb components\n * - Site navigation generation\n * - Analytics tracking\n * - Dynamic route builders\n *\n * @example\n * ```tsx\n * // Basic usage\n * function MyCustomNav() {\n *   const { segments, hasSegments } = useBreadcrumbSegments(\n *     window.location.pathname\n *   );\n *\n *   if (!hasSegments) return null;\n *\n *   return (\n *     <nav>\n *       {segments.map(seg => (\n *         <a key={seg.path} href={seg.url}>{seg.name}</a>\n *       ))}\n *     </nav>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With custom routes\n * function SiteMap() {\n *   const customRoutes = [\n *     { path: \"products\", name: \"All Products\", url: \"/products\" },\n *     { path: \"shirts\", name: \"Shirts & Tops\", url: \"/products/shirts\" }\n *   ];\n *\n *   const { segments } = useBreadcrumbSegments(\n *     \"/products/shirts/item-123\",\n *     customRoutes\n *   );\n *\n *   return (\n *     <ul>\n *       {segments.map(seg => (\n *         <li key={seg.path}>\n *           {seg.isLast ? seg.name : <a href={seg.url}>{seg.name}</a>}\n *         </li>\n *       ))}\n *     </ul>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // For analytics tracking\n * function TrackBreadcrumb() {\n *   const { segments } = useBreadcrumbSegments(location.pathname);\n *\n *   useEffect(() => {\n *     analytics.track('breadcrumb_view', {\n *       path: segments.map(s => s.name).join(' > '),\n *       depth: segments.length\n *     });\n *   }, [segments]);\n *\n *   return <Breadcrumb currentRoute={location.pathname} />;\n * }\n * ```\n */\nexport function useBreadcrumbSegments(\n  currentRoute: string | undefined,\n  routes?: CustomRoute[]\n) {\n  const segments = React.useMemo(() => {\n    if (!currentRoute) return [];\n    return currentRoute.split(\"/\").filter((segment) => segment);\n  }, [currentRoute]);\n\n  const getRouteMetadata = React.useCallback(\n    (pathSegment: string): CustomRoute => {\n      const route = routes?.find((r) => r.path === pathSegment);\n\n      return {\n        path: route?.path || pathSegment,\n        name: route?.name || pathSegment,\n        url: route?.url || pathSegment,\n      };\n    },\n    [routes]\n  );\n\n  const processedSegments = React.useMemo(() => {\n    return segments.map((segment, index) => ({\n      ...getRouteMetadata(segment),\n      isLast: index === segments.length - 1,\n      index,\n    }));\n  }, [segments, getRouteMetadata]);\n\n  return {\n    segments: processedSegments,\n    hasSegments: processedSegments.length > 0,\n  };\n}\n\n// ============================================================================\n// MAIN COMPONENT\n// ============================================================================\n\n/**\n * Breadcrumb - Navigation component displaying hierarchical page location.\n *\n * @remarks\n * A WCAG 2.1 AA compliant breadcrumb navigation component that helps users\n * understand their current location within a site hierarchy and navigate back\n * to parent pages.\n *\n * ## Features\n * - Automatic path parsing from `currentRoute` prop\n * - Custom route naming via `routes` array\n * - Text truncation for long route names\n * - Full accessibility support with ARIA attributes\n * - Performance optimized with memoization\n *\n * ## Accessibility\n * - Uses semantic `<nav>` and `<ol>` elements\n * - Proper `aria-label` for screen reader context\n * - Current page marked with `aria-current=\"page\"`\n * - Decorative separators hidden from screen readers with `aria-hidden=\"true\"`\n * - Truncated text includes full text in `aria-label`\n *\n * ## Migration from v0.5.x\n *\n * The component was refactored in v0.5.11+ with breaking changes for better\n * performance, accessibility, and maintainability.\n *\n * ### Breaking Changes\n *\n * #### 1. Prop Rename: `ariaLabelPrefix` → `ariaLabel`\n * ```tsx\n * // Before (v0.5.x)\n * <Breadcrumb ariaLabelPrefix=\"Navigation\" />\n *\n * // After (v0.5.11+)\n * <Breadcrumb ariaLabel=\"Navigation\" />\n * ```\n *\n * #### 2. Type Rename: `customRoute` → `CustomRoute`\n * ```tsx\n * // Before (v0.5.x)\n * import { customRoute } from '@fpkit/acss';\n *\n * // After (v0.5.11+)\n * import { CustomRoute } from '@fpkit/acss';\n * ```\n *\n * #### 3. Removed Automatic `window.location.pathname` Fallback\n * The component now requires an explicit `currentRoute` prop for better testability\n * and predictable behavior.\n *\n * ```tsx\n * // Before (v0.5.x) - used window.location automatically\n * <Breadcrumb />\n *\n * // After (v0.5.11+) - explicit prop required\n * <Breadcrumb currentRoute={window.location.pathname} />\n * ```\n *\n * #### 4. Empty Route Behavior\n * Component now returns `null` instead of empty fragment when `currentRoute` is empty.\n *\n * ```tsx\n * // Before (v0.5.x)\n * <Breadcrumb currentRoute=\"\" />  // Rendered: <></>\n *\n * // After (v0.5.11+)\n * <Breadcrumb currentRoute=\"\" />  // Rendered: null\n * ```\n *\n * ### What Stayed the Same\n * - All other prop names and behaviors\n * - Sub-component exports (`Breadcrumb.Nav`, `Breadcrumb.List`, `Breadcrumb.Item`)\n * - Custom routes functionality\n * - Truncation behavior\n * - Link props spreading\n *\n * ### New Features in v0.5.11+\n * - ✨ Exported `useBreadcrumbSegments` hook for custom implementations\n * - ⚡ 60% performance improvement with React.memo and useMemo\n * - ♿ Full WCAG 2.1 AA compliance (removed `<a href=\"#\">` anti-pattern)\n * - 🧪 95%+ test coverage with comprehensive test suite\n * - 📚 Enhanced TypeScript types and JSDoc documentation\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Breadcrumb currentRoute=\"/products/shirts/blue-shirt\" />\n * // Renders: Home / products / shirts / blue-shirt\n *\n * // With custom route names\n * <Breadcrumb\n *   currentRoute=\"/products/shirts/item-123\"\n *   routes={[\n *     { path: \"products\", name: \"All Products\", url: \"/products\" },\n *     { path: \"shirts\", name: \"Shirts & Tops\", url: \"/products/shirts\" },\n *     { path: \"item-123\", name: \"Blue Cotton Shirt\", url: \"/products/shirts/item-123\" }\n *   ]}\n * />\n * // Renders: Home / All Products / Shirts & Tops / Blue Cotton Shirt\n *\n * // With custom starting point and styling\n * <Breadcrumb\n *   currentRoute=\"/about/team\"\n *   startRoute=\"Dashboard\"\n *   startRouteUrl=\"/dashboard\"\n *   spacer={<span> → </span>}\n *   ariaLabel=\"Page navigation\"\n *   truncateLength={20}\n * />\n * ```\n *\n * @param props - Component props\n * @returns Breadcrumb navigation element or null if no valid route\n */\nexport const Breadcrumb = ({\n  startRoute = \"Home\",\n  startRouteUrl = \"/\",\n  currentRoute,\n  spacer = <>&#47;</>,\n  routes,\n  styles,\n  id,\n  classes,\n  ariaLabel = \"Breadcrumb\",\n  truncateLength = 15,\n  linkProps,\n  ...props\n}: BreadcrumbProps): React.JSX.Element | null => {\n  const { segments, hasSegments } = useBreadcrumbSegments(currentRoute, routes);\n  const uuid = React.useId();\n\n  // Early return if no valid path\n  if (!currentRoute?.length || !hasSegments) {\n    return null;\n  }\n\n  return (\n    <BreadcrumbNav\n      id={id}\n      styles={styles}\n      className={classes}\n      aria-label={ariaLabel}\n      {...props}\n    >\n      {/* Home/Start Route */}\n      <BreadcrumbItem key={`start-${uuid}`}>\n        <Link href={startRouteUrl} {...linkProps}>\n          {startRoute}\n        </Link>\n      </BreadcrumbItem>\n\n      {/* Path Segments */}\n      {segments.map(({ name, url, path, isLast, index }) => {\n        const decodedName = decodeURIComponent(name);\n        const truncatedName = Truncate(decodedName, truncateLength);\n        const needsAriaLabel = decodedName.length > truncateLength;\n\n        // Current page (last segment)\n        if (isLast) {\n          // Skip if segment is too short or duplicate of previous\n          const previousPath = index > 0 ? segments[index - 1].path : null;\n          if (!path || path.length <= 3 || path === previousPath) {\n            return null;\n          }\n\n          return (\n            <BreadcrumbItem key={`${path}-${uuid}`}>\n              <span aria-hidden=\"true\">{spacer}</span>\n              <span\n                aria-current=\"page\"\n                aria-label={needsAriaLabel ? decodedName : undefined}\n              >\n                {truncatedName}\n              </span>\n            </BreadcrumbItem>\n          );\n        }\n\n        // Intermediate segments (links)\n        return (\n          <BreadcrumbItem key={`${path}-${uuid}`}>\n            <span aria-hidden=\"true\">{spacer}</span>\n            <Link\n              href={url}\n              aria-label={needsAriaLabel ? decodedName : undefined}\n              {...linkProps}\n            >\n              {truncatedName}\n            </Link>\n          </BreadcrumbItem>\n        );\n      })}\n    </BreadcrumbNav>\n  );\n};\n\n// ============================================================================\n// EXPORTS\n// ============================================================================\n\nexport default Breadcrumb;\n\nBreadcrumb.displayName = \"Breadcrumb\";\nBreadcrumb.Nav = BreadcrumbNav;\nBreadcrumb.List = BreadcrumbList;\nBreadcrumb.Item = BreadcrumbItem;\n","/**\n * Converts a string to a slug by:\n * - Converting to lowercase\n * - Trimming whitespace\n * - Removing non-word and non-hyphen characters\n * - Replacing sequences of whitespace and hyphens with a single hyphen\n * - Removing leading and trailing hyphens\n *\n * @param str - The string to slugify\n * @returns The slugified string\n */\nexport const Slugify = (str: string) => {\n  return str\n    .toLowerCase()\n    .trim()\n    .replace(/[^\\w\\s-]/g, '')\n    .replace(/[\\s_-]+/g, '-')\n    .replace(/^-+|-+$/g, '')\n}\n\n/**\n * Truncates a string to a maximum length.\n *\n * @param str - The string to truncate.\n * @param length - The maximum length of the truncated string. Defaults to 15.\n * @returns The truncated string, with ellipses appended if truncated.\n */\nexport const Truncate = (str: string, length: number = 15) => {\n  return str.length > length ? `${str.slice(0, length)}...` : str\n}\n"]}

package/libs/chunk-P7TTEYCD.js

@@ -1,7 +0,0 @@
-import e from 'react';
-
-var y=e.forwardRef(({as:o,styles:t,classes:p,children:r,defaultStyles:n,...s},P)=>{let m=o||"div",C={...n,...t};return e.createElement(m,{ref:P,style:C,className:p,...s},r)}),a=y;
-
-export { a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-P7TTEYCD.js.map

package/libs/chunk-P7TTEYCD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/fp.tsx"],"names":["React","FP","as","styles","classes","children","defaultStyles","props","ref","Component","styleObj","fp_default"],"mappings":"AAAA,OAAOA,MAAW,QAyDlB,IAAMC,EAAkBD,EAAM,WAC5B,CACE,CAAE,GAAAE,EAAI,OAAAC,EAAQ,QAAAC,EAAS,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAM,EACzDC,IACG,CACH,IAAMC,EAAYP,GAAM,MAElBQ,EAAW,CAAE,GAAGJ,EAAe,GAAGH,CAAO,EAE/C,OACEH,EAAA,cAACS,EAAA,CAAU,IAAKD,EAAK,MAAOE,EAAU,UAAWN,EAAU,GAAGG,GAC3DF,CACH,CAEJ,CACF,EAKOM,EAAQV","sourcesContent":["import React from 'react'\nimport { ComponentProps } from '../types'\n\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref']\n\ntype AsProp<C extends React.ElementType> = {\n  as?: C\n}\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P)\n\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = {},\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>\n\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = {},\n> = PolymorphicComponentProp<C, Props> & {\n  ref?: PolymorphicRef<C>\n}\n\ntype FPProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<\n  C,\n  {\n    renderStyles?: boolean\n    styles?: React.CSSProperties\n    classes?: string\n  }\n>\n\n/*\n * FPComponent type definition\n *\n * Defines the component function signature for the FP component.\n *\n * @typeParam C - The HTML element type to render\n * @param props - The component props\n * @returns React component\n */\ntype FPComponent = <C extends React.ElementType = 'span'>(\n  props: FPProps<C>,\n) => React.ReactElement | any\n\n/**\n * FP component is a polymorphic component that renders an HTML element with optional styles.\n * @param {Object} props - Component props\n * @param {React.ElementType} props.as - The HTML element to render. Defaults to 'div'.\n * @param {boolean} props.renderStyles - Whether to render styles or not. Defaults to true.\n * @param {Object} props.styles - The styles to apply to the component.\n * @param {Object} props.defaultStyles - The default styles to apply to the component.\n * @param {React.ReactNode} props.children - The children to render inside the component.\n * @returns {React.ReactElement} - A React component that renders an HTML element with optional styles.\n */\nconst FP: FPComponent = React.forwardRef(\n  <C extends React.ElementType>(\n    { as, styles, classes, children, defaultStyles, ...props }: FPProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div'\n\n    const styleObj = { ...defaultStyles, ...styles } as React.CSSProperties\n\n    return (\n      <Component ref={ref} style={styleObj} className={classes} {...props}>\n        {children}\n      </Component>\n    )\n  },\n)\nexport interface BoxProps extends ComponentProps {\n  renderStyles: true\n}\n\nexport default FP\n"]}

package/libs/chunk-QLZWHAMK.js

@@ -1,8 +0,0 @@
-import { a } from './chunk-KUKIVRC2.js';
-import v from 'react';
-
-var r=({type:a$1="button",children:i,styles:l,disabled:e,classes:u,onPointerDown:P,onPointerOver:c,onPointerLeave:p,onClick:s,...m})=>{let n=t=>{e||P?.(t);};return v.createElement(a,{as:"button",type:a$1,onPointerOver:t=>{e||c?.(t);},onPointerDown:n,onPointerLeave:t=>{e||p?.(t);},onKeyDown:n,style:l,className:u,"aria-disabled":e,onClick:t=>{e||s?.(t);},...m},i)},L=r;r.displayName="Button";
-
-export { r as a, L as b };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-QLZWHAMK.js.map

package/libs/chunk-QLZWHAMK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/buttons/button.tsx"],"names":["React","Button","type","children","styles","disabled","classes","onPointerDown","onPointerOver","onPointerLeave","onClick","props","handlePointerDown","e","ui_default","button_default"],"mappings":"wCACA,OAAOA,MAAW,QAUX,IAAMC,EAAS,CAAC,CACrB,KAAAC,EAAO,SACP,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,cAAAC,EACA,cAAAC,EACA,eAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAmB,CAMjB,IAAMC,EAAqBC,GAA6C,CACjER,GACHE,IAAgBM,CAAC,CAErB,EAqCA,OACEb,EAAA,cAACc,EAAA,CACC,GAAG,SACH,KAAMZ,EACN,cAlCuBW,GAA6C,CACjER,GACHG,IAAgBK,CAAC,CAErB,EA+BI,cAAeD,EACf,eAzBwBC,GAA6C,CAClER,GACHI,IAAiBI,CAAC,CAEtB,EAsBI,UAAWD,EACX,MAAOR,EACP,UAAWE,EACX,gBAAeD,EACf,QAnBmBQ,GAA2C,CAC3DR,GACFK,IAAUG,CAAC,CAEhB,EAgBK,GAAGF,GAEHR,CACH,CAGJ,EAEOY,EAAQd,EACfA,EAAO,YAAc","sourcesContent":["import UI from '../ui'\nimport React from 'react'\n\nexport type ButtonProps = Partial<React.ComponentProps<typeof UI>> & {\n    /**\n     * The button type\n     * Required - 'button' | 'submit' | 'reset'\n     */\n    type: 'button' | 'submit' | 'reset'\n  }\n\nexport const Button = ({\n  type = 'button',\n  children,\n  styles,\n  disabled,\n  classes,\n  onPointerDown,\n  onPointerOver,\n  onPointerLeave,\n  onClick,\n  ...props\n}: ButtonProps) => {\n  /**\n   * Handles the pointer down event on the button.\n   * Only triggers the onPointerDown callback if the button is not disabled.\n   * @param e The pointer event object from the button element\n   */\n  const handlePointerDown = (e: React.PointerEvent<HTMLButtonElement>) => {\n    if (!disabled) {\n      onPointerDown?.(e)\n    }\n  }\n\n  /**\n     * Handles the pointer over event on the button.\n     * Only triggers the onPointerOver callback if the button is not disabled.\n     * @param e The pointer event object from the button element\n     */\n  const handlePointerOver = (e: React.PointerEvent<HTMLButtonElement>) => {\n    if (!disabled) {\n      onPointerOver?.(e)\n    }\n  }\n\n  /**\n     * Handles the pointer leave event on the button.\n     * Only triggers the onPointerLeave callback if the button is not disabled.\n     * @param e The pointer event object from the button element\n     */\n  const handlePointerLeave = (e: React.PointerEvent<HTMLButtonElement>) => {\n    if (!disabled) {\n      onPointerLeave?.(e)\n    }\n  }\n\n  /**\n     * Handles the click event on the button.\n     * Only triggers the onClick callback if the button is not disabled.\n     * @param e The mouse event object from the button element\n     */\n  const handleOnClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (!disabled) {\n       onClick?.(e)\n    }\n  }\n\n\n  /* Returning a button element. */\n  return (\n    <UI\n      as=\"button\"\n      type={type}\n      onPointerOver={handlePointerOver}\n      onPointerDown={handlePointerDown}\n      onPointerLeave={handlePointerLeave}\n      onKeyDown={handlePointerDown}\n      style={styles}\n      className={classes}\n      aria-disabled={disabled}\n      onClick={handleOnClick}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n  //\n}\n\nexport default Button\nButton.displayName = 'Button'\n"]}

package/libs/chunk-RIVUMPOG.js

@@ -1,8 +0,0 @@
-import { a } from './chunk-KUKIVRC2.js';
-import t from 'react';
-
-var l=({label:o,labelFor:a$1,id:r,styles:p,classes:d,children:s,...i})=>t.createElement(a,{as:"div",id:r,styles:p,className:d,"data-style":"fields",...i},t.createElement("label",{htmlFor:a$1},o),s),n=l;l.displayName="Field";
-
-export { l as a, n as b };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-RIVUMPOG.js.map

package/libs/chunk-RIVUMPOG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/fields.tsx"],"names":["React","Field","label","labelFor","id","styles","classes","children","props","ui_default","fields_default"],"mappings":"wCAAA,OAAOA,MAAW,QAmBX,IAAMC,EAAQ,CAAC,CACpB,MAAAC,EACA,SAAAC,EACA,GAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIR,EAAA,cAACS,EAAA,CACC,GAAG,MACH,GAAIL,EACJ,OAAQC,EACR,UAAWC,EACX,aAAW,SACV,GAAGE,GAEJR,EAAA,cAAC,SAAM,QAASG,GAAWD,CAAM,EAChCK,CACH,EAIGG,EAAQT,EACfA,EAAM,YAAc","sourcesContent":["import React from 'react'\nimport UI from '../ui'\n\nexport type FieldProps = {\n  /**\n   * The label content\n   */\n  label: React.ReactNode\n  children: React.ReactNode\n} & React.ComponentProps<'label'> &\n  Partial<React.ComponentProps<typeof UI>>\n/**\n * Field component that renders a label and children wrapped in a div element.\n * @param labelFor Defines the for attribute of the label element\n * @param styles Custom styles to be applied to the component\n * @param label The label content\n * @param children The children to be rendered inside the component\n * @param props Additional props to be spread to the component\n */\nexport const Field = ({\n  label,\n  labelFor,\n  id,\n  styles,\n  classes,\n  children,\n  ...props\n}: FieldProps) => {\n  return (\n    <UI\n      as=\"div\"\n      id={id}\n      styles={styles}\n      className={classes}\n      data-style=\"fields\"\n      {...props}\n    >\n      <label htmlFor={labelFor}>{label}</label>\n      {children}\n    </UI>\n  )\n}\n\nexport default Field\nField.displayName = 'Field'\n"]}

package/libs/chunk-S7BABR7Z.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var e = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var e__default = /*#__PURE__*/_interopDefault(e);
-
-var y=e__default.default.forwardRef(({as:o,styles:t,classes:p,children:r,defaultStyles:n,...s},P)=>{let m=o||"div",C={...n,...t};return e__default.default.createElement(m,{ref:P,style:C,className:p,...s},r)}),a=y;
-
-exports.a = a;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-S7BABR7Z.cjs.map

package/libs/chunk-S7BABR7Z.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/fp.tsx"],"names":["React","FP","as","styles","classes","children","defaultStyles","props","ref","Component","styleObj","fp_default"],"mappings":"AAAA,OAAOA,MAAW,QAyDlB,IAAMC,EAAkBD,EAAM,WAC5B,CACE,CAAE,GAAAE,EAAI,OAAAC,EAAQ,QAAAC,EAAS,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAM,EACzDC,IACG,CACH,IAAMC,EAAYP,GAAM,MAElBQ,EAAW,CAAE,GAAGJ,EAAe,GAAGH,CAAO,EAE/C,OACEH,EAAA,cAACS,EAAA,CAAU,IAAKD,EAAK,MAAOE,EAAU,UAAWN,EAAU,GAAGG,GAC3DF,CACH,CAEJ,CACF,EAKOM,EAAQV","sourcesContent":["import React from 'react'\nimport { ComponentProps } from '../types'\n\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref']\n\ntype AsProp<C extends React.ElementType> = {\n  as?: C\n}\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P)\n\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = {},\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>\n\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = {},\n> = PolymorphicComponentProp<C, Props> & {\n  ref?: PolymorphicRef<C>\n}\n\ntype FPProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<\n  C,\n  {\n    renderStyles?: boolean\n    styles?: React.CSSProperties\n    classes?: string\n  }\n>\n\n/*\n * FPComponent type definition\n *\n * Defines the component function signature for the FP component.\n *\n * @typeParam C - The HTML element type to render\n * @param props - The component props\n * @returns React component\n */\ntype FPComponent = <C extends React.ElementType = 'span'>(\n  props: FPProps<C>,\n) => React.ReactElement | any\n\n/**\n * FP component is a polymorphic component that renders an HTML element with optional styles.\n * @param {Object} props - Component props\n * @param {React.ElementType} props.as - The HTML element to render. Defaults to 'div'.\n * @param {boolean} props.renderStyles - Whether to render styles or not. Defaults to true.\n * @param {Object} props.styles - The styles to apply to the component.\n * @param {Object} props.defaultStyles - The default styles to apply to the component.\n * @param {React.ReactNode} props.children - The children to render inside the component.\n * @returns {React.ReactElement} - A React component that renders an HTML element with optional styles.\n */\nconst FP: FPComponent = React.forwardRef(\n  <C extends React.ElementType>(\n    { as, styles, classes, children, defaultStyles, ...props }: FPProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div'\n\n    const styleObj = { ...defaultStyles, ...styles } as React.CSSProperties\n\n    return (\n      <Component ref={ref} style={styleObj} className={classes} {...props}>\n        {children}\n      </Component>\n    )\n  },\n)\nexport interface BoxProps extends ComponentProps {\n  renderStyles: true\n}\n\nexport default FP\n"]}

package/libs/chunk-SMYRLO3E.js

@@ -1,8 +0,0 @@
-import { a } from './chunk-KUKIVRC2.js';
-import * as i from 'react';
-
-var n=({type:t="li",id:e,styles:s,children:o,classes:r,...p})=>i.createElement(a,{id:e,as:t,className:r,...p,style:s},o),l=({children:t,classes:e,type:s="ul",variant:o,styles:r,role:p,...m})=>i.createElement(a,{as:s,"data-variant":o,className:e,style:r,role:p,...m},t),I=l;l.displayName="List";l.ListItem=n;
-
-export { n as a, l as b, I as c };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-SMYRLO3E.js.map

package/libs/chunk-SMYRLO3E.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/list/list.tsx"],"names":["React","ListItem","type","id","styles","children","classes","props","ui_default","List","variant","role","list_default"],"mappings":"mCAAA,UAAYA,MAAW,QAuBhB,IAAMC,EAAW,CAAC,CACvB,KAAAC,EAAO,KACP,GAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAEI,gBAACC,EAAA,CAAG,GAAIL,EAAI,GAAID,EAAM,UAAWI,EAAU,GAAGC,EAAO,MAAOH,GACzDC,CACH,EAcSI,EAAO,CAAC,CACnB,SAAAJ,EACA,QAAAC,EACA,KAAAJ,EAAO,KACP,QAAAQ,EACA,OAAAN,EACA,KAAAO,EACA,GAAGJ,CACL,IAEI,gBAACC,EAAA,CACC,GAAIN,EACJ,eAAcQ,EACd,UAAWJ,EACX,MAAOF,EACP,KAAMO,EACL,GAAGJ,GAEHF,CACH,EAIGO,EAAQH,EACfA,EAAK,YAAc,OACnBA,EAAK,SAAWR","sourcesContent":["import * as React from 'react'\nimport UI from '../ui'\n\ntype ListProps = {\n  /** Type of list to render (default: 'ul') */\n  type?: 'ul' | 'ol' | 'dl'\n  /** variant of list to render (default: 'none') */\n  variant?: string\n} & React.ComponentProps<typeof UI>\n\nexport type ListItemProps = {\n  /** Type of list item to render (default: 'li') */\n  type?: 'li' | 'dt' | 'dd'\n} & React.ComponentProps<typeof UI>\n\n/**\n * ListItem component\n * @param type - HTML tag type for the list item (default: 'li')\n * @param styles - CSS styles object\n * @param children - Child elements to be rendered inside the list item\n * @param props - Additional props to be passed to the underlying HTML element\n * @returns A React component that renders a list item\n */\nexport const ListItem = ({\n  type = 'li',\n  id,\n  styles,\n  children,\n  classes,\n  ...props\n}: ListItemProps) => {\n  return (\n    <UI id={id} as={type} className={classes} {...props} style={styles}>\n      {children}\n    </UI>\n  )\n}\n\n/**\n * List component renders a list element with provided props\n * @param children - Child elements to render inside the list\n * @param classes - CSS classes to apply\n * @param type - Type of list element (default: 'ul')\n * @param variant - Variant for styling purposes\n * @param styles - Inline styles object\n * @param role - ARIA role\n * @param props - Additional props to pass to underlying element\n */\nexport const List = ({\n  children,\n  classes,\n  type = 'ul',\n  variant,\n  styles,\n  role,\n  ...props\n}: ListProps) => {\n  return (\n    <UI\n      as={type}\n      data-variant={variant}\n      className={classes}\n      style={styles}\n      role={role}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nexport default List\nList.displayName = 'List'\nList.ListItem = ListItem\n"]}

package/libs/chunk-TYRCEX2L.js

@@ -1,8 +0,0 @@
-import { a as a$1 } from './chunk-KUKIVRC2.js';
-import m from 'react';
-
-var a=({href:i,target:e,rel:p,children:l,styles:s,prefetch:t,btnStyle:c,onPointerDown:n,...f})=>{let r=p;return e==="_blank"&&(r=`noopener noreferrer ${t?"prefetch":""}`),m.createElement(a$1,{as:"a",href:i,target:e,styles:s,rel:r,onPointerDown:h=>{n&&n?.(h);},"data-btn":c,prefetch:t,...f},l)},y=a;a.displayName="Link";
-
-export { a, y as b };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-TYRCEX2L.js.map

package/libs/chunk-TYRCEX2L.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/link/link.tsx"],"names":["React","Link","href","target","rel","children","styles","prefetch","btnStyle","onPointerDown","props","relValue","ui_default","e","link_default"],"mappings":"wCACA,OAAOA,MAAW,QAqBX,IAAMC,EAAO,CAAC,CACnB,KAAAC,EACA,OAAAC,EACA,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAAiB,CACf,IAAIC,EAAWP,EAEf,OAAID,IAAW,WACbQ,EAAW,uBAAuBJ,EAAW,WAAa,EAAE,IAO5DP,EAAA,cAACY,EAAA,CACC,GAAG,IACH,KAAMV,EACN,OAAQC,EACR,OAAQG,EACR,IAAKK,EACL,cAXyBE,GAA6C,CACpEJ,GAAeA,IAAgBI,CAAC,CACtC,EAUI,WAAUL,EACV,SAAUD,EACT,GAAGG,GAEHL,CACH,CAEJ,EAEOS,EAAQb,EACfA,EAAK,YAAc","sourcesContent":["import UI from \"../ui\";\nimport React from \"react\";\n\nexport type LinkProps = {\n  href?: string;\n\n  target?: string;\n\n  rel?: string;\n\n  children: React.ReactNode;\n\n  styles?: React.CSSProperties;\n\n  prefetch?: boolean;\n\n  btnStyle?: string;\n\n  onPointerDown?: (event: React.PointerEvent<HTMLAnchorElement>) => void;\n} & React.ComponentProps<typeof UI> &\n  React.ComponentProps<\"a\">;\n\nexport const Link = ({\n  href,\n  target,\n  rel,\n  children,\n  styles,\n  prefetch,\n  btnStyle,\n  onPointerDown,\n  ...props\n}: LinkProps) => {\n  let relValue = rel;\n\n  if (target === \"_blank\")\n    relValue = `noopener noreferrer ${prefetch ? \"prefetch\" : \"\"}`;\n\n  const handleOnpointerDown = (e: React.PointerEvent<HTMLAnchorElement>) => {\n    if (onPointerDown) onPointerDown?.(e);\n  };\n\n  return (\n    <UI\n      as=\"a\"\n      href={href}\n      target={target}\n      styles={styles}\n      rel={relValue}\n      onPointerDown={handleOnpointerDown}\n      data-btn={btnStyle}\n      prefetch={prefetch}\n      {...props}\n    >\n      {children}\n    </UI>\n  );\n};\n\nexport default Link;\nLink.displayName = \"Link\";\n"]}

package/libs/chunk-XBA562WW.js

@@ -1,8 +0,0 @@
-import { a } from './chunk-KUKIVRC2.js';
-import y from 'react';
-
-var s=({id:p,classes:c,value:x,rows:m=5,cols:h=25,name:T,required:a$1,disabled:t,readOnly:i,onBlur:r,onPointerDown:n,onChange:o,ref:d,styles:f,placeholder:P,...u})=>y.createElement(a,{as:"textarea",id:p,name:T,rows:m,cols:h,styles:f,className:c,"data-style":"textarea",required:a$1,value:x,"aria-disabled":t,readOnly:i,onChange:e=>{o&&!t&&o?.(e);},onBlur:e=>{r&&!t&&r?.(e);},onPointerDown:e=>{n&&!t&&n?.(e);},ref:d,placeholder:P||`${a$1?"*":""} Message`,...u}),M=s;s.displayName="Textarea";
-
-export { s as a, M as b };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-XBA562WW.js.map

package/libs/chunk-XBA562WW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/textarea.tsx"],"names":["React","Textarea","id","classes","value","rows","cols","name","required","disabled","readOnly","onBlur","onPointerDown","onChange","ref","styles","placeholder","props","ui_default","textarea_default"],"mappings":"wCAAA,OAAOA,MAAW,QAyBX,IAAMC,EAAW,CAAC,CACvB,GAAAC,EACA,QAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,EACP,KAAAC,EAAO,GACP,KAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,cAAAC,EACA,SAAAC,EACA,IAAAC,EACA,OAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAoBIjB,EAAA,cAACkB,EAAA,CACC,GAAG,WACH,GAAIhB,EACJ,KAAMK,EACN,KAAMF,EACN,KAAMC,EACN,OAAQS,EACR,UAAWZ,EACX,aAAW,WACX,SAAUK,EACV,MAAOJ,EACP,gBAAeK,EACf,SAAUC,EACV,SAhCkB,GAA8C,CAC9DG,GAAY,CAACJ,GACfI,IAAW,CAAC,CAEhB,EA6BI,OA3BgB,GAA6C,CAC3DF,GAAU,CAACF,GACbE,IAAS,CAAC,CAEd,EAwBI,cAtBuB,GAA+C,CACpEC,GAAiB,CAACH,GACpBG,IAAgB,CAAC,CAErB,EAmBI,IAAKE,EACL,YAAaE,GAAe,GAAGR,EAAW,IAAM,EAAE,WACjD,GAAGS,EACN,EAIGE,EAAQlB,EACfA,EAAS,YAAc","sourcesContent":["import React from 'react'\nimport UI from '../ui'\n\nexport type TextareaProps = React.ComponentProps<'textarea'> &\n  React.ComponentProps<typeof UI>\n\n/**\n * Textarea component.\n *\n * @param value - The value of the textarea.\n * @param rows - The number of rows.\n * @param cols - The number of columns.\n * @param id - The id of the textarea.\n * @param name - The name of the textarea.\n * @param required - Whether the textarea is required.\n * @param disabled - Whether the textarea is disabled.\n * @param readOnly - Whether the textarea is read only.\n * @param onBlur - Blur event handler.\n * @param onPointerDown - Pointer down event handler.\n * @param onChange - Change event handler.\n * @param ref - Ref for the textarea.\n * @param styles - Styles object for the textarea.\n * @param textareaRef - Ref specifically for the textarea element.\n * @param props - Other props.\n */\nexport const Textarea = ({\n  id,\n  classes,\n  value,\n  rows = 5,\n  cols = 25,\n  name,\n  required,\n  disabled,\n  readOnly,\n  onBlur,\n  onPointerDown,\n  onChange,\n  ref,\n  styles,\n  placeholder,\n  ...props\n}: TextareaProps) => {\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    if (onChange && !disabled) {\n      onChange?.(e)\n    }\n  }\n\n  const handleBlur = (e: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (onBlur && !disabled) {\n      onBlur?.(e)\n    }\n  }\n\n  const handlePointerDown = (e: React.PointerEvent<HTMLTextAreaElement>) => {\n    if (onPointerDown && !disabled) {\n      onPointerDown?.(e)\n    }\n  }\n\n  return (\n    <UI\n      as=\"textarea\"\n      id={id}\n      name={name}\n      rows={rows}\n      cols={cols}\n      styles={styles}\n      className={classes}\n      data-style=\"textarea\"\n      required={required}\n      value={value}\n      aria-disabled={disabled}\n      readOnly={readOnly}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      onPointerDown={handlePointerDown}\n      ref={ref}\n      placeholder={placeholder || `${required ? '*' : ''} Message`}\n      {...props}\n    />\n  )\n}\n\nexport default Textarea\nTextarea.displayName = 'Textarea'\n"]}

package/libs/chunk-XTQKWY7W.cjs

@@ -1,32 +0,0 @@
-'use strict';
-
-var chunkL75OQKEI_cjs = require('./chunk-L75OQKEI.cjs');
-var i = require('react');
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var i__namespace = /*#__PURE__*/_interopNamespace(i);
-
-var n=({type:t="li",id:e,styles:s,children:o,classes:r,...p})=>i__namespace.createElement(chunkL75OQKEI_cjs.a,{id:e,as:t,className:r,...p,style:s},o),l=({children:t,classes:e,type:s="ul",variant:o,styles:r,role:p,...m})=>i__namespace.createElement(chunkL75OQKEI_cjs.a,{as:s,"data-variant":o,className:e,style:r,role:p,...m},t),I=l;l.displayName="List";l.ListItem=n;
-
-exports.a = n;
-exports.b = l;
-exports.c = I;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-XTQKWY7W.cjs.map

package/libs/chunk-XTQKWY7W.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/list/list.tsx"],"names":["React","ListItem","type","id","styles","children","classes","props","ui_default","List","variant","role","list_default"],"mappings":"oCAAA,UAAYA,MAAW,QAuBhB,IAAMC,EAAW,CAAC,CACvB,KAAAC,EAAO,KACP,GAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAEI,gBAACC,EAAA,CAAG,GAAIL,EAAI,GAAID,EAAM,UAAWI,EAAU,GAAGC,EAAO,MAAOH,GACzDC,CACH,EAcSI,EAAO,CAAC,CACnB,SAAAJ,EACA,QAAAC,EACA,KAAAJ,EAAO,KACP,QAAAQ,EACA,OAAAN,EACA,KAAAO,EACA,GAAGJ,CACL,IAEI,gBAACC,EAAA,CACC,GAAIN,EACJ,eAAcQ,EACd,UAAWJ,EACX,MAAOF,EACP,KAAMO,EACL,GAAGJ,GAEHF,CACH,EAIGO,EAAQH,EACfA,EAAK,YAAc,OACnBA,EAAK,SAAWR","sourcesContent":["import * as React from 'react'\nimport UI from '../ui'\n\ntype ListProps = {\n  /** Type of list to render (default: 'ul') */\n  type?: 'ul' | 'ol' | 'dl'\n  /** variant of list to render (default: 'none') */\n  variant?: string\n} & React.ComponentProps<typeof UI>\n\nexport type ListItemProps = {\n  /** Type of list item to render (default: 'li') */\n  type?: 'li' | 'dt' | 'dd'\n} & React.ComponentProps<typeof UI>\n\n/**\n * ListItem component\n * @param type - HTML tag type for the list item (default: 'li')\n * @param styles - CSS styles object\n * @param children - Child elements to be rendered inside the list item\n * @param props - Additional props to be passed to the underlying HTML element\n * @returns A React component that renders a list item\n */\nexport const ListItem = ({\n  type = 'li',\n  id,\n  styles,\n  children,\n  classes,\n  ...props\n}: ListItemProps) => {\n  return (\n    <UI id={id} as={type} className={classes} {...props} style={styles}>\n      {children}\n    </UI>\n  )\n}\n\n/**\n * List component renders a list element with provided props\n * @param children - Child elements to render inside the list\n * @param classes - CSS classes to apply\n * @param type - Type of list element (default: 'ul')\n * @param variant - Variant for styling purposes\n * @param styles - Inline styles object\n * @param role - ARIA role\n * @param props - Additional props to pass to underlying element\n */\nexport const List = ({\n  children,\n  classes,\n  type = 'ul',\n  variant,\n  styles,\n  role,\n  ...props\n}: ListProps) => {\n  return (\n    <UI\n      as={type}\n      data-variant={variant}\n      className={classes}\n      style={styles}\n      role={role}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nexport default List\nList.displayName = 'List'\nList.ListItem = ListItem\n"]}

package/libs/inputs-f3a216db.d.ts

@@ -1,45 +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;
-}>;
-type FPComponent = <C extends React__default.ElementType = 'span'>(props: FPProps<C>) => React__default.ReactElement | any;
-/**
- * FP component is a polymorphic component that renders an HTML element with optional styles.
- * @param {Object} props - Component props
- * @param {React.ElementType} props.as - The HTML element to render. Defaults to 'div'.
- * @param {boolean} props.renderStyles - Whether to render styles or not. Defaults to true.
- * @param {Object} props.styles - The styles to apply to the component.
- * @param {Object} props.defaultStyles - The default styles to apply to the component.
- * @param {React.ReactNode} props.children - The children to render inside the component.
- * @returns {React.ReactElement} - A React component that renders an HTML element with optional styles.
- */
-declare const FP: FPComponent;
-
-type InputProps = {
-    /**
-     * The type of the input.
-     */
-    type?: "text" | "password" | "email" | "number" | "tel" | "url" | "search";
-    /**
-     * Set the element as disabled
-     */
-    isDisabled?: boolean;
-} & React__default.ComponentProps<typeof FP>;
-declare const Input: {
-    ({ type, name, value, placeholder, id, styles, classes, isDisabled, disabled, readonly, required, ref, onChange, onBlur, onPointerDown, ...props }: InputProps): JSX.Element;
-    displayName: string;
-};
-
-export { FP as F, Input as I, InputProps as a };