@loke/design-system/dist/components/tabs/index.js

A design system with individually importable components

"use client";
var __create=Object.create;var{getPrototypeOf:__getProtoOf,defineProperty:__defProp,getOwnPropertyNames:__getOwnPropNames,getOwnPropertyDescriptor:__getOwnPropDesc}=Object,__hasOwnProp=Object.prototype.hasOwnProperty;function __accessProp(key){return this[key]}var __toESMCache_node,__toESMCache_esm,__toESM=(mod,isNodeMode,target)=>{var canCache=mod!=null&&typeof mod==="object";if(canCache){var cache=isNodeMode?__toESMCache_node??=new WeakMap:__toESMCache_esm??=new WeakMap,cached=cache.get(mod);if(cached)return cached}target=mod!=null?__create(__getProtoOf(mod)):{};let to=isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target;for(let key of __getOwnPropNames(mod))if(!__hasOwnProp.call(to,key))__defProp(to,key,{get:__accessProp.bind(mod,key),enumerable:!0});if(canCache)cache.set(mod,to);return to},__toCommonJS=(from)=>{var entry=(__moduleCache??=new WeakMap).get(from),desc;if(entry)return entry;if(entry=__defProp({},"__esModule",{value:!0}),from&&typeof from==="object"||typeof from==="function"){for(var key of __getOwnPropNames(from))if(!__hasOwnProp.call(entry,key))__defProp(entry,key,{get:__accessProp.bind(from,key),enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable})}return __moduleCache.set(from,entry),entry},__moduleCache;var __returnValue=(v)=>v;function __exportSetter(name,newValue){this[name]=__returnValue.bind(null,newValue)}var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0,configurable:!0,set:__exportSetter.bind(all,name)})};var exports_tabs={};__export(exports_tabs,{createTabsScope:()=>createTabsScope2,TabsTrigger:()=>TabsTrigger2,TabsList:()=>TabsList2,TabsContent:()=>TabsContent2,Tabs:()=>Tabs2});module.exports=__toCommonJS(exports_tabs);var import_cn=require("@loke/design-system/cn"),TabsPrimitive=__toESM(require("@loke/ui/tabs")),import_react=require("react"),jsx_runtime=require("react/jsx-runtime"),createTabsScope2=TabsPrimitive.createTabsScope,Tabs2=import_react.forwardRef(({className,orientation="horizontal",...props},ref)=>jsx_runtime.jsx(TabsPrimitive.Tabs,{className:import_cn.cn("flex",orientation==="horizontal"?"flex-col":"flex-row",className),"data-slot":"tabs",orientation,ref,...props}));Tabs2.displayName=TabsPrimitive.Tabs.displayName;var TabsList2=import_react.forwardRef(({className,...props},ref)=>jsx_runtime.jsx(TabsPrimitive.TabsList,{className:import_cn.cn("inline-flex h-9 items-center gap-1 border-border border-b",className),"data-slot":"tabs-list",ref,...props}));TabsList2.displayName=TabsPrimitive.TabsList.displayName;var TabsTrigger2=import_react.forwardRef(({className,...props},ref)=>jsx_runtime.jsx(TabsPrimitive.TabsTrigger,{className:import_cn.cn("relative inline-flex cursor-pointer items-center justify-center whitespace-nowrap px-3 py-2 text-muted-foreground text-sm transition-colors","hover:text-foreground","focus-visible:text-foreground focus-visible:outline-hidden","disabled:pointer-events-none disabled:opacity-50","data-[state=active]:text-foreground","after:absolute after:inset-x-0 after:bottom-[-1px] after:h-0.5 after:scale-x-0 after:bg-primary after:transition-transform after:duration-200","data-[state=active]:after:scale-x-100",className),"data-slot":"tabs-trigger",ref,...props}));TabsTrigger2.displayName=TabsPrimitive.TabsTrigger.displayName;var TabsContent2=import_react.forwardRef(({className,...props},ref)=>jsx_runtime.jsx(TabsPrimitive.TabsContent,{className:import_cn.cn("mt-4 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",className),"data-slot":"tabs-content",ref,...props}));TabsContent2.displayName=TabsPrimitive.TabsContent.displayName;