@admin-layout/gluestack-ui-mobile 11.0.4-alpha.0 → 12.0.16-alpha.0

package/lib/components/ui/accordion/index.web.js

@@ -0,0 +1,156 @@
+'use client';
+import React from 'react';
+import { createAccordion } from '@gluestack-ui/accordion';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { UIIcon } from '@gluestack-ui/icon';
+const SCOPE = 'ACCORDION';
+/** Styles */
+const accordionStyle = tva({
+    base: 'w-full',
+    variants: {
+        variant: {
+            filled: 'bg-white shadow-hard-2',
+            unfilled: '',
+        },
+        size: {
+            sm: '',
+            md: '',
+            lg: '',
+        },
+    },
+});
+const accordionItemStyle = tva({
+    base: '',
+    parentVariants: {
+        variant: {
+            filled: 'bg-background-0',
+            unfilled: 'bg-transparent',
+        },
+    },
+});
+const accordionTitleTextStyle = tva({
+    base: 'text-typography-900 font-bold flex-1 text-left',
+    parentVariants: {
+        size: {
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+        },
+    },
+});
+const accordionIconStyle = tva({
+    base: 'text-typography-900 fill-none',
+    parentVariants: {
+        size: {
+            '2xs': 'h-3 w-3',
+            xs: 'h-3.5 w-3.5',
+            sm: 'h-4 w-4',
+            md: 'h-[18px] w-[18px]',
+            lg: 'h-5 w-5',
+            xl: 'h-6 w-6',
+        },
+    },
+});
+const accordionContentTextStyle = tva({
+    base: 'text-typography-700 font-normal',
+    parentVariants: {
+        size: {
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+        },
+    },
+});
+const accordionHeaderStyle = tva({
+    base: 'mx-0 my-0',
+});
+const accordionContentStyle = tva({
+    base: 'pt-1 pb-3 px-4',
+});
+const accordionTriggerStyle = tva({
+    base: 'w-full flex-row justify-between items-center outline-none focus:outline-none data-[disabled=true]:opacity-40 data-[disabled=true]:cursor-not-allowed data-[focus-visible=true]:bg-background-50 py-3 px-4',
+});
+// Create web-specific components
+const RootComponent = withStyleContext('div', SCOPE);
+const ItemComponent = React.forwardRef((props, ref) => React.createElement("div", { ...props, ref: ref }));
+const HeaderComponent = React.forwardRef((props, ref) => React.createElement("h3", { ...props, ref: ref }));
+const TriggerComponent = React.forwardRef((props, ref) => React.createElement("button", { ...props, ref: ref }));
+const TitleTextComponent = React.forwardRef((props, ref) => React.createElement("span", { ...props, ref: ref }));
+const ContentTextComponent = React.forwardRef((props, ref) => React.createElement("p", { ...props, ref: ref }));
+const ContentComponent = React.forwardRef((props, ref) => React.createElement("div", { ...props, ref: ref }));
+/** Creator */
+const UIAccordion = createAccordion({
+    Root: RootComponent,
+    Item: ItemComponent,
+    Header: HeaderComponent,
+    Trigger: TriggerComponent,
+    Icon: UIIcon,
+    TitleText: TitleTextComponent,
+    ContentText: ContentTextComponent,
+    Content: ContentComponent,
+});
+/** Components */
+const Accordion = React.forwardRef(({ className, variant = 'filled', size = 'md', ...props }, ref) => {
+    return (React.createElement(UIAccordion, { ref: ref, ...props, className: accordionStyle({ variant, class: className }), context: { variant, size } }));
+});
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => {
+    const { variant } = useStyleContext(SCOPE);
+    return (React.createElement(UIAccordion.Item, { ref: ref, ...props, className: accordionItemStyle({
+            parentVariants: { variant },
+            class: className,
+        }) }));
+});
+const AccordionContent = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAccordion.Content, { ref: ref, ...props, className: accordionContentStyle({
+            class: className,
+        }) }));
+});
+const AccordionContentText = React.forwardRef(({ className, ...props }, ref) => {
+    const { size } = useStyleContext(SCOPE);
+    return (React.createElement(UIAccordion.ContentText, { ref: ref, ...props, className: accordionContentTextStyle({
+            parentVariants: { size },
+            class: className,
+        }) }));
+});
+const AccordionIcon = React.forwardRef(({ size, className, ...props }, ref) => {
+    const { size: parentSize } = useStyleContext(SCOPE);
+    if (typeof size === 'number') {
+        return (React.createElement(UIAccordion.Icon, { ref: ref, ...props, className: accordionIconStyle({ class: className }), size: size }));
+    }
+    else if ((props.height !== undefined || props.width !== undefined) && size === undefined) {
+        return React.createElement(UIAccordion.Icon, { ref: ref, ...props, className: accordionIconStyle({ class: className }) });
+    }
+    return (React.createElement(UIAccordion.Icon, { ref: ref, ...props, className: accordionIconStyle({
+            size,
+            class: className,
+            parentVariants: { size: parentSize },
+        }) }));
+});
+const AccordionHeader = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAccordion.Header, { ref: ref, ...props, className: accordionHeaderStyle({
+            class: className,
+        }) }));
+});
+const AccordionTrigger = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(UIAccordion.Trigger, { ref: ref, ...props, className: accordionTriggerStyle({
+            class: className,
+        }) }));
+});
+const AccordionTitleText = React.forwardRef(({ className, ...props }, ref) => {
+    const { size } = useStyleContext(SCOPE);
+    return (React.createElement(UIAccordion.TitleText, { ref: ref, ...props, className: accordionTitleTextStyle({
+            parentVariants: { size },
+            class: className,
+        }) }));
+});
+Accordion.displayName = 'Accordion';
+AccordionItem.displayName = 'AccordionItem';
+AccordionHeader.displayName = 'AccordionHeader';
+AccordionTrigger.displayName = 'AccordionTrigger';
+AccordionTitleText.displayName = 'AccordionTitleText';
+AccordionContentText.displayName = 'AccordionContentText';
+AccordionIcon.displayName = 'AccordionIcon';
+AccordionContent.displayName = 'AccordionContent';
+export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTitleText, AccordionContentText, AccordionIcon, AccordionContent, };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/accordion/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/accordion/index.web.tsx"],"names":[],"mappings":"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"}