polpo 0.1.16 → 0.1.18

package/.turbo/turbo-build$colon$code.log

@@ -1,49 +0,0 @@
-
-$ pnpm clean && tsup
-$ rm -rf ./dist
-CLI Building entry: {"components":"./src/components/index.ts","hooks":"./src/hooks/index.ts","layouts":"./src/layouts/index.ts","types":"./src/types/index.ts","helpers":"./src/helpers/index.ts"}
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.1
-CLI Using tsup config: /Users/juanmsl/Code/personal/polpo-monorepo/packages/polpo/tsup.config.cjs
-CLI Target: node24
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-ESM dist/hooks.js          28.60 KB
-ESM dist/components.js     109.33 KB
-ESM dist/types.js          47.00 B
-ESM dist/layouts.js        2.47 KB
-ESM dist/helpers.js        8.49 KB
-ESM dist/hooks.js.map      58.95 KB
-ESM dist/types.js.map      71.00 B
-ESM dist/layouts.js.map    7.06 KB
-ESM dist/helpers.js.map    15.46 KB
-ESM dist/components.js.map 213.96 KB
-ESM ⚡️ Build success in 67ms
-CJS dist/layouts.cjs        3.51 KB
-CJS dist/hooks.cjs          31.73 KB
-CJS dist/helpers.cjs        9.94 KB
-CJS dist/types.cjs          812.00 B
-CJS dist/components.cjs     118.79 KB
-CJS dist/hooks.cjs.map      59.32 KB
-CJS dist/types.cjs.map      152.00 B
-CJS dist/layouts.cjs.map    7.15 KB
-CJS dist/helpers.cjs.map    15.76 KB
-CJS dist/components.cjs.map 211.08 KB
-CJS ⚡️ Build success in 68ms
-DTS Build start
-DTS ⚡️ Build success in 5444ms
-DTS dist/layouts.d.cts                       149.67 KB
-DTS dist/helpers.d.cts                       1.14 KB
-DTS dist/hooks.d.cts                         6.69 KB
-DTS dist/components.d.cts                    114.15 KB
-DTS dist/types.d.cts                         228.00 B
-DTS dist/get-modal-position-C5jQsaGx.d.cts   1.71 KB
-DTS dist/use-modal-transition-C7DzbnY5.d.cts 1.16 KB
-DTS dist/layouts.d.ts                        149.67 KB
-DTS dist/helpers.d.ts                        1.14 KB
-DTS dist/hooks.d.ts                          6.69 KB
-DTS dist/components.d.ts                     114.15 KB
-DTS dist/types.d.ts                          228.00 B
-DTS dist/get-modal-position-C5jQsaGx.d.ts    1.71 KB
-DTS dist/use-modal-transition-C0lyjvkD.d.ts  1.16 KB

package/.turbo/turbo-build$colon$css.log

@@ -1,2 +0,0 @@
-
-$ postcss "src/**/*.css" --base src -d dist

package/.turbo/turbo-build.log

@@ -1,43 +0,0 @@
-
-$ pnpm clean && tsup
-$ rm -rf ./dist
-CLI Building entry: {"components":"./src/components/index.ts","hooks":"./src/hooks/index.ts","layouts":"./src/layouts/index.ts","types":"./src/types/index.ts","helpers":"./src/helpers/index.ts"}
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.1
-CLI Using tsup config: /Users/juanmsl/Code/personal/polpo-monorepo/packages/polpo/tsup.config.cjs
-CLI Target: node24
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-DTS Build start
-CJS dist/components.css 42.06 KB
-CJS dist/layouts.cjs    1.84 KB
-CJS dist/layouts.css    87.00 B
-CJS dist/components.cjs 52.90 KB
-CJS dist/hooks.cjs      13.36 KB
-CJS dist/helpers.cjs    4.47 KB
-CJS dist/types.cjs      411.00 B
-CJS ⚡️ Build success in 300ms
-ESM dist/components.css 42.06 KB
-ESM dist/components.js  50.63 KB
-ESM dist/layouts.js     1.37 KB
-ESM dist/layouts.css    87.00 B
-ESM dist/helpers.js     3.82 KB
-ESM dist/types.js       14.00 B
-ESM dist/hooks.js       12.17 KB
-ESM ⚡️ Build success in 301ms
-DTS ⚡️ Build success in 5081ms
-DTS dist/layouts.d.cts                       149.67 KB
-DTS dist/helpers.d.cts                       1.14 KB
-DTS dist/hooks.d.cts                         6.69 KB
-DTS dist/components.d.cts                    114.15 KB
-DTS dist/types.d.cts                         228.00 B
-DTS dist/get-modal-position-C5jQsaGx.d.cts   1.71 KB
-DTS dist/use-modal-transition-C7DzbnY5.d.cts 1.16 KB
-DTS dist/layouts.d.ts                        149.67 KB
-DTS dist/helpers.d.ts                        1.14 KB
-DTS dist/hooks.d.ts                          6.69 KB
-DTS dist/components.d.ts                     114.15 KB
-DTS dist/types.d.ts                          228.00 B
-DTS dist/get-modal-position-C5jQsaGx.d.ts    1.71 KB
-DTS dist/use-modal-transition-C0lyjvkD.d.ts  1.16 KB

package/.turbo/turbo-lint.log

@@ -1,2 +0,0 @@
-
-$ eslint src --max-warnings 0 --cache --cache-location .turbo/cache/eslint/ --fix

package/eslint.config.js

@@ -1,4 +0,0 @@
-import EslintConfig from 'polpo-eslint-config/react';
-import { defineConfig } from 'eslint/config';
-
-export default defineConfig([...EslintConfig]);

package/postcss.config.js

@@ -1,3 +0,0 @@
-import { postcssConfig } from 'polpo-tailwind-config/postcss';
-
-export default postcssConfig;

package/src/components/accordion/accordion-item.tsx

@@ -1,123 +0,0 @@
-import React, { useMemo } from 'react';
-import { IconType } from 'react-icons';
-import { FaCaretLeft } from 'react-icons/fa';
-
-import { useClassNames } from '../../hooks';
-import { SlideCard } from '../cards';
-import { Typography } from '../typography';
-
-import { useAccordionItem } from './accordion.component';
-
-type NodeFunction = (isOpen: boolean) => React.ReactNode;
-
-type ContentType = React.ReactNode | NodeFunction;
-
-type AccordionItemCommonProps = {
-  icon?: IconType;
-  children: React.ReactNode;
-  startContent?: ContentType;
-  endContent?: ContentType;
-  className?: string;
-  style?: React.CSSProperties;
-  classNames?: {
-    header?: string;
-    headerContent?: string;
-    title?: string;
-    subtitle?: string;
-    toggleIcon?: string;
-    body?: string;
-  };
-};
-
-type AccordionItemTitleProps = AccordionItemCommonProps & {
-  title?: ContentType;
-  subtitle?: ContentType;
-  content?: never;
-};
-
-type AccordionItemContentProps = AccordionItemCommonProps & {
-  title?: never;
-  subtitle?: never;
-  content?: ContentType;
-};
-
-type AccordionItemProps = AccordionItemTitleProps | AccordionItemContentProps;
-
-const getContent = (content: ContentType | undefined, isOpen: boolean): React.ReactNode | undefined => {
-  if (typeof content === 'function') {
-    return content(isOpen);
-  }
-
-  return content;
-};
-
-export const AccordionItem: React.FC<AccordionItemProps> = ({
-  title,
-  subtitle,
-  children,
-  icon: Icon = FaCaretLeft,
-  startContent,
-  content,
-  endContent,
-  classNames = {},
-  className = '',
-  style = {},
-}: AccordionItemProps) => {
-  const id = useMemo(() => crypto.randomUUID(), []);
-  const [isOpen, toggle] = useAccordionItem(id);
-  const headerClassName = useClassNames({
-    'accordion-header': true,
-    'has-start-content': !!startContent,
-    [classNames?.header ?? '']: !!classNames?.header,
-    'is-open': isOpen,
-  });
-
-  const headerContentClassName = useClassNames({
-    'accordion-header-content': true,
-    [classNames?.headerContent ?? '']: !!classNames?.headerContent,
-  });
-
-  const toggleIconClassName = useClassNames({
-    'accordion-toggle-icon': true,
-    isOpen: isOpen,
-    [classNames?.toggleIcon ?? '']: !!classNames?.toggleIcon,
-  });
-
-  const bodyContentClassName = useClassNames({
-    'accordion-body': true,
-    [classNames?.body ?? '']: !!classNames?.body,
-  });
-
-  const titleContent = getContent(title, isOpen);
-  const subtitleContent = getContent(subtitle, isOpen);
-  const headerStart = getContent(startContent, isOpen);
-  const headerMiddle = getContent(content, isOpen) ?? (
-    <section className={headerContentClassName}>
-      <Typography className={classNames?.title} variant='body' noPadding weight='bold'>
-        {titleContent}
-      </Typography>
-      <Typography className={classNames?.subtitle} variant='label' noPadding weight='light'>
-        {subtitleContent}
-      </Typography>
-    </section>
-  );
-  const headerEnd = getContent(endContent, isOpen) ?? <Icon className={toggleIconClassName} />;
-
-  const accordionItemClassName = useClassNames({
-    'accordion-item': true,
-    [className]: Boolean(className),
-  });
-
-  return (
-    <section className={accordionItemClassName} style={style}>
-      <section className={headerClassName} onClick={toggle}>
-        {headerStart}
-        {headerMiddle}
-        {headerEnd}
-      </section>
-      <SlideCard isOpen={isOpen}>
-        <section className={bodyContentClassName}>{children}</section>
-      </SlideCard>
-    </section>
-  );
-};

package/src/components/accordion/accordion.component.tsx

@@ -1,80 +0,0 @@
-import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';
-
-import { useClassNames } from '../../hooks';
-import { Line } from '../line';
-
-import './accordion.styles.css';
-
-type AccordionContextState = {
-  toggleItem: (id: string) => void;
-  openedItems: Array<string>;
-};
-
-const AccordionContext = createContext<AccordionContextState | null>(null);
-
-export const useAccordionItem = (id: string): [boolean, () => void] => {
-  const context = useContext(AccordionContext);
-
-  if (!context) {
-    throw new Error('You cant use this component out off an Accordion component');
-  }
-
-  const { toggleItem, openedItems } = context;
-
-  const toggle = () => toggleItem(id);
-
-  return [openedItems.includes(id), toggle];
-};
-
-type AccordionProps = {
-  children: React.ReactNode;
-  className?: string;
-  style?: React.CSSProperties;
-  noSeparators?: boolean;
-  multiple?: boolean;
-  defaultOpened?: Array<string> | string;
-};
-
-export const Accordion = ({
-  children,
-  className = '',
-  noSeparators,
-  multiple,
-  style = {},
-  defaultOpened = [],
-}: AccordionProps) => {
-  const [openedItems, setOpenedItems] = useState<{ [index: string]: boolean }>(() => {
-    return (Array.isArray(defaultOpened) ? defaultOpened : [defaultOpened]).reduce((acc, id) => {
-      return typeof id === 'string' ? { ...acc, [id]: true } : acc;
-    }, {});
-  });
-
-  const toggleItem = useCallback(
-    (id: string) => {
-      setOpenedItems(prev => ({ ...(multiple ? prev : {}), [id]: !prev[id] }));
-    },
-    [multiple],
-  );
-
-  const openedItemsIDs = useMemo(() => Object.keys(openedItems).filter(id => openedItems[id]), [openedItems]);
-
-  const accordionClassName = useClassNames({
-    accordion: true,
-    [className]: Boolean(className),
-  });
-
-  return (
-    <AccordionContext.Provider
-      value={{
-        toggleItem,
-        openedItems: openedItemsIDs,
-      }}
-    >
-      <section className={accordionClassName} style={style}>
-        {(Array.isArray(children) ? children : [children]).flatMap((child, key) => {
-          return key === 0 ? child : [noSeparators ? null : <Line orientation='horizontal' key={`${key}.5`} />, child];
-        })}
-      </section>
-    </AccordionContext.Provider>
-  );
-};

package/src/components/accordion/accordion.styles.css

@@ -1,41 +0,0 @@
-@reference "polpo-tailwind-config/styles";
-
-.accordion {
-    display: grid;
-}
-
-.accordion-item {
-    display: grid;
-    position: relative;
-
-    .accordion-header {
-        display: grid;
-        grid-template-columns: 1fr auto;
-        align-items: center;
-        gap: 20px;
-        cursor: pointer;
-        position: sticky;
-        top: 0;
-        padding: 20px 0;
-
-        &.has-start-content {
-            grid-template-columns: auto 1fr auto;
-        }
-    }
-
-    .accordion-header-content {
-        display: grid;
-    }
-
-    .accordion-toggle-icon {
-        transition: all 300ms ease;
-
-        &.isOpen {
-            transform: rotate(-90deg);
-        }
-    }
-
-    .accordion-body {
-        padding: 10px 0 20px;
-    }
-}

package/src/components/accordion/index.ts

@@ -1,2 +0,0 @@
-export * from './accordion.component';
-export * from './accordion-item';

package/src/components/button/button.component.tsx

@@ -1,50 +0,0 @@
-import type { ButtonHTMLAttributes } from 'react';
-
-import { cn } from '../../helpers';
-import { ColorTypes, RadiusTypes, SizeTypes, VariantTypes } from '../component.types';
-import { Ripple } from '../ripple';
-
-import './button.styles.css';
-
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-  children: React.ReactNode;
-  color?: `${ColorTypes}`;
-  variant?: `${VariantTypes}`;
-  radius?: `${RadiusTypes}`;
-  size?: `${SizeTypes}`;
-  noWrap?: boolean;
-  ref?: React.Ref<HTMLButtonElement>;
-  forIcon?: boolean;
-  isLoading?: boolean;
-}
-
-export const Button = ({
-  children,
-  color = ColorTypes.DEFAULT,
-  variant = VariantTypes.SOLID,
-  radius = RadiusTypes.MEDIUM,
-  size = SizeTypes.REGULAR,
-  noWrap = false,
-  forIcon = false,
-  className = '',
-  ...props
-}: ButtonProps) => {
-  return (
-    <button
-      {...props}
-      className={cn(
-        'button',
-        color,
-        variant,
-        radius && `radius-${radius}`,
-        size && `size-${size}`,
-        noWrap && 'no-wrap',
-        forIcon && 'icon',
-        className,
-      )}
-    >
-      {children}
-      <Ripple />
-    </button>
-  );
-};