@ably/ui 15.1.9-dev.7f0b586a → 15.1.10-dev.b5a191f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/Icon/computed-icons.js +1 -1
- package/core/TabMenu.js +1 -1
- package/core/icons/icon-gui-account.svg +3 -2
- package/core/icons/icon-gui-app.svg +2 -2
- package/core/icons/icon-gui-organization.svg +3 -2
- package/core/icons/icon-product-platform.svg +5 -0
- package/core/sprites.svg +1 -1
- package/core/styles/buttons.css +4 -4
- package/core/styles/colors/computed-colors.json +1 -0
- package/index.d.ts +5 -5
- package/package.json +1 -1
- package/core/.DS_Store +0 -0
- package/core/Accordion/.DS_Store +0 -0
- package/core/Code/.DS_Store +0 -0
- package/core/ContactFooter/.DS_Store +0 -0
- package/core/CookieMessage/.DS_Store +0 -0
- package/core/CustomerLogos/.DS_Store +0 -0
- package/core/DropdownMenu/.DS_Store +0 -0
- package/core/FeaturedLink/.DS_Store +0 -0
- package/core/Flash/.DS_Store +0 -0
- package/core/Footer/.DS_Store +0 -0
- package/core/Icon/.DS_Store +0 -0
- package/core/Loader/.DS_Store +0 -0
- package/core/Logo/.DS_Store +0 -0
- package/core/Meganav/.DS_Store +0 -0
- package/core/MeganavBlogPostsList/.DS_Store +0 -0
- package/core/MeganavControl/.DS_Store +0 -0
- package/core/MeganavControlMobileDropdown/.DS_Store +0 -0
- package/core/MeganavControlMobilePanelClose/.DS_Store +0 -0
- package/core/MeganavControlMobilePanelOpen/.DS_Store +0 -0
- package/core/MeganavSearchAutocomplete/.DS_Store +0 -0
- package/core/MeganavSearchSuggestions/.DS_Store +0 -0
- package/core/Notice/.DS_Store +0 -0
- package/core/Slider/.DS_Store +0 -0
- package/core/Table/.DS_Store +0 -0
- package/core/Tooltip/.DS_Store +0 -0
- package/core/icons/.DS_Store +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
export const computedIcons={"display":["icon-display-48hrs","icon-display-ably-channels","icon-display-about-ably-col","icon-display-api-keys","icon-display-api","icon-display-architectural-guidance","icon-display-asset-tracking-col","icon-display-authentication","icon-display-avatar-stack","icon-display-browser","icon-display-calendar","icon-display-call-mobile","icon-display-careers-col","icon-display-case-studies-col","icon-display-chat-col","icon-display-chat-mono","icon-display-chat-stack-col","icon-display-chat-stack","icon-display-cloud-servers","icon-display-compare-tech-col","icon-display-connection-state-recovery","icon-display-consumer-groups","icon-display-custom-cname","icon-display-custom","icon-display-customers-col","icon-display-data-broadcast-col","icon-display-data-broadcast-mono","icon-display-data-synchronization-col","icon-display-dedicated-cluster","icon-display-deltas","icon-display-docs-col","icon-display-documentation","icon-display-dynamic-channel-groups","icon-display-edge-network","icon-display-elasticity","icon-display-equalisers-mono","icon-display-events-col","icon-display-exactly-once-delivery","icon-display-examples-col","icon-display-fan-out","icon-display-firehose","icon-display-gdpr","icon-display-general-comms","icon-display-granular-permissions","icon-display-hipaa-mono","icon-display-hipaa","icon-display-history","icon-display-integrations-col","icon-display-integrations","icon-display-it-support-access","icon-display-it-support-helpdesk","icon-display-kafka-at-the-edge-col","icon-display-laptop","icon-display-lightbulb-col","icon-display-live-chat","icon-display-live-updates-results-metrics-col","icon-display-map-pin","icon-display-message-batching","icon-display-message-persistence","icon-display-message-queues","icon-display-message","icon-display-multi-user-spaces-col","icon-display-observe-analytics","icon-display-padlock-closed","icon-display-platform","icon-display-play","icon-display-premium-support","icon-display-privacy-shield-framework","icon-display-private-link","icon-display-push-notifications-col","icon-display-push-notifications-mono","icon-display-push-notifications","icon-display-quickstart-guides-col","icon-display-resources-col","icon-display-rewind","icon-display-sdks-col","icon-display-send-received-messages","icon-display-servers","icon-display-shopping-cart","icon-display-sla","icon-display-soc2-type2-mono","icon-display-soc2-type2","icon-display-subscription-filters","icon-display-support-chat-mono","icon-display-system-metadata","icon-display-tech-account-comms","icon-display-tutorials-demos-col","icon-display-virtual-events-col","icon-display-virtual-events"],"gui":["icon-gui-ably-badge","icon-gui-account","icon-gui-app","icon-gui-arrow-bidirectional-horizontal","icon-gui-arrow-bidirectional-vertical","icon-gui-arrow-down-circled","icon-gui-arrow-down","icon-gui-arrow-left","icon-gui-arrow-right","icon-gui-arrow-up","icon-gui-burger-menu","icon-gui-check-circled-fill-black","icon-gui-check-circled-fill","icon-gui-check-circled","icon-gui-check-lotus-circled","icon-gui-checklist-checked","icon-gui-chevron-down","icon-gui-chevron-up","icon-gui-clock","icon-gui-close","icon-gui-copy","icon-gui-cross-circled-fill","icon-gui-cross-circled","icon-gui-dash-circled","icon-gui-disclosure-arrow","icon-gui-document-generic","icon-gui-enlarge","icon-gui-external-link-bolder","icon-gui-external-link","icon-gui-filter-flow-step-1","icon-gui-filter-flow-step-2","icon-gui-filter-flow-step-3","icon-gui-hand","icon-gui-history","icon-gui-info","icon-gui-link-arrow","icon-gui-link","icon-gui-live-chat","icon-gui-minus","icon-gui-organization","icon-gui-partial","icon-gui-plus","icon-gui-quote-marks-solid","icon-gui-refresh","icon-gui-resources","icon-gui-search","icon-gui-tick","icon-gui-warning-fill","icon-gui-warning"],"other":["icon-other-quote"],"product":["icon-product-asset-tracking-mono","icon-product-asset-tracking","icon-product-chat-mono","icon-product-chat","icon-product-liveobjects","icon-product-livesync-mono","icon-product-livesync","icon-product-platform-mono","icon-product-pubsub-mono","icon-product-pubsub","icon-product-spaces-mono","icon-product-spaces"],"social":["icon-social-discord","icon-social-facebook","icon-social-github","icon-social-glassdoor","icon-social-google","icon-social-linkedin","icon-social-stackoverflow","icon-social-twitter","icon-social-x","icon-social-youtube"],"tech":["icon-tech-ably-api-streamer","icon-tech-ably-firehose","icon-tech-ably-native","icon-tech-ably","icon-tech-activemq","icon-tech-activitypub","icon-tech-aerospike","icon-tech-akka","icon-tech-amazon-ec2","icon-tech-amazon-event-bridge","icon-tech-amqp091","icon-tech-amqp10","icon-tech-android-full","icon-tech-android-head","icon-tech-angular","icon-tech-anycable","icon-tech-apache-cassandra","icon-tech-apache-cordova","icon-tech-apache-kafka","icon-tech-apache-spark","icon-tech-apachepulsar","icon-tech-apachestorm","icon-tech-apns","icon-tech-assemblyai","icon-tech-atmosphere","icon-tech-aws-app-sync","icon-tech-aws-aurora","icon-tech-aws-gateway-websockets","icon-tech-aws-sns","icon-tech-aws-sqs","icon-tech-aws","icon-tech-awsiot","icon-tech-awskinesis","icon-tech-awslambda","icon-tech-awssqs","icon-tech-azure-api","icon-tech-azure-archive-api","icon-tech-azure-bus","icon-tech-azure-cosmos","icon-tech-azure-event-hub","icon-tech-azure-functions","icon-tech-azure-search","icon-tech-azure-static-web-app","icon-tech-azure-static-web-apps","icon-tech-azure-storage","icon-tech-azure-web-pubsub","icon-tech-azurefunctions","icon-tech-azureservicebus","icon-tech-azuresignalR","icon-tech-bayeux","icon-tech-c++","icon-tech-centrifugo","icon-tech-client-side-frameworks","icon-tech-clojure","icon-tech-cloudflare-durable-objects","icon-tech-cloudflareworkers","icon-tech-cocoa","icon-tech-confluent","icon-tech-cord","icon-tech-csharp","icon-tech-curl","icon-tech-customwebhooks","icon-tech-datadog","icon-tech-design-patterns","icon-tech-devplatforms","icon-tech-diffusion-data","icon-tech-django","icon-tech-engineio","icon-tech-event-driven-servers","icon-tech-fanout-io","icon-tech-fast-api","icon-tech-fauna","icon-tech-featherjs","icon-tech-firebase-cloud-messaging","icon-tech-firebase","icon-tech-flutter","icon-tech-gcloudbigquery","icon-tech-gclouddataflow","icon-tech-gcloudfunctions","icon-tech-gcloudpubsub","icon-tech-go","icon-tech-grpc","icon-tech-hivemq","icon-tech-http2","icon-tech-http3","icon-tech-httprest","icon-tech-idempotency","icon-tech-ifttt","icon-tech-integrations","icon-tech-ios-generic","icon-tech-ios","icon-tech-ipados","icon-tech-ipfs","icon-tech-ironmq","icon-tech-java","icon-tech-javascript","icon-tech-jms","icon-tech-json-web-tokens","icon-tech-kaazing","icon-tech-kotlin","icon-tech-ksql-db","icon-tech-kubernetes","icon-tech-laravel-broadcast","icon-tech-laravel-echo","icon-tech-lightstreamer","icon-tech-liveblocks","icon-tech-longpolling","icon-tech-macos","icon-tech-matrix","icon-tech-meteor","icon-tech-mongo-db","icon-tech-mono","icon-tech-mqtt","icon-tech-mysql","icon-tech-native-script","icon-tech-net","icon-tech-netlify","icon-tech-nextjs","icon-tech-nkn","icon-tech-nodejs","icon-tech-objectivec","icon-tech-parse-server","icon-tech-php","icon-tech-planetscale","icon-tech-postgres","icon-tech-prisma","icon-tech-programminglanguages","icon-tech-protcol-adaptors","icon-tech-protocols","icon-tech-pub-sub","icon-tech-pubnub","icon-tech-push-technology","icon-tech-pusher","icon-tech-python","icon-tech-quic","icon-tech-rabbitMQ","icon-tech-railsactioncable","icon-tech-react-app","icon-tech-react","icon-tech-reactnative","icon-tech-redis","icon-tech-redpanda","icon-tech-replicache","icon-tech-rethinkdb","icon-tech-rocketmq","icon-tech-ruby","icon-tech-scala","icon-tech-scaledrone","icon-tech-serversentevents","icon-tech-serversideframeworks","icon-tech-signalR","icon-tech-snowflake","icon-tech-socketio","icon-tech-sockjs","icon-tech-solace","icon-tech-spring","icon-tech-stomp","icon-tech-streamdata-io","icon-tech-streamr","icon-tech-swift","icon-tech-symfony-mercure","icon-tech-symfony","icon-tech-tcp-ip","icon-tech-tenefit","icon-tech-terraform","icon-tech-tvos","icon-tech-twilio","icon-tech-typescript","icon-tech-udp-protocol","icon-tech-unity","icon-tech-vercel","icon-tech-vscode","icon-tech-vuejs","icon-tech-wamp","icon-tech-watchos","icon-tech-web-push","icon-tech-web","icon-tech-webhooks","icon-tech-webrtc","icon-tech-websockets","icon-tech-websub","icon-tech-xamarin","icon-tech-xhr-streaming","icon-tech-xmpp","icon-tech-zapier","icon-tech-zeromq"]};
|
|
1
|
+
export const computedIcons={"display":["icon-display-48hrs","icon-display-ably-channels","icon-display-about-ably-col","icon-display-api-keys","icon-display-api","icon-display-architectural-guidance","icon-display-asset-tracking-col","icon-display-authentication","icon-display-avatar-stack","icon-display-browser","icon-display-calendar","icon-display-call-mobile","icon-display-careers-col","icon-display-case-studies-col","icon-display-chat-col","icon-display-chat-mono","icon-display-chat-stack-col","icon-display-chat-stack","icon-display-cloud-servers","icon-display-compare-tech-col","icon-display-connection-state-recovery","icon-display-consumer-groups","icon-display-custom-cname","icon-display-custom","icon-display-customers-col","icon-display-data-broadcast-col","icon-display-data-broadcast-mono","icon-display-data-synchronization-col","icon-display-dedicated-cluster","icon-display-deltas","icon-display-docs-col","icon-display-documentation","icon-display-dynamic-channel-groups","icon-display-edge-network","icon-display-elasticity","icon-display-equalisers-mono","icon-display-events-col","icon-display-exactly-once-delivery","icon-display-examples-col","icon-display-fan-out","icon-display-firehose","icon-display-gdpr","icon-display-general-comms","icon-display-granular-permissions","icon-display-hipaa-mono","icon-display-hipaa","icon-display-history","icon-display-integrations-col","icon-display-integrations","icon-display-it-support-access","icon-display-it-support-helpdesk","icon-display-kafka-at-the-edge-col","icon-display-laptop","icon-display-lightbulb-col","icon-display-live-chat","icon-display-live-updates-results-metrics-col","icon-display-map-pin","icon-display-message-batching","icon-display-message-persistence","icon-display-message-queues","icon-display-message","icon-display-multi-user-spaces-col","icon-display-observe-analytics","icon-display-padlock-closed","icon-display-platform","icon-display-play","icon-display-premium-support","icon-display-privacy-shield-framework","icon-display-private-link","icon-display-push-notifications-col","icon-display-push-notifications-mono","icon-display-push-notifications","icon-display-quickstart-guides-col","icon-display-resources-col","icon-display-rewind","icon-display-sdks-col","icon-display-send-received-messages","icon-display-servers","icon-display-shopping-cart","icon-display-sla","icon-display-soc2-type2-mono","icon-display-soc2-type2","icon-display-subscription-filters","icon-display-support-chat-mono","icon-display-system-metadata","icon-display-tech-account-comms","icon-display-tutorials-demos-col","icon-display-virtual-events-col","icon-display-virtual-events"],"gui":["icon-gui-ably-badge","icon-gui-account","icon-gui-app","icon-gui-arrow-bidirectional-horizontal","icon-gui-arrow-bidirectional-vertical","icon-gui-arrow-down-circled","icon-gui-arrow-down","icon-gui-arrow-left","icon-gui-arrow-right","icon-gui-arrow-up","icon-gui-burger-menu","icon-gui-check-circled-fill-black","icon-gui-check-circled-fill","icon-gui-check-circled","icon-gui-check-lotus-circled","icon-gui-checklist-checked","icon-gui-chevron-down","icon-gui-chevron-up","icon-gui-clock","icon-gui-close","icon-gui-copy","icon-gui-cross-circled-fill","icon-gui-cross-circled","icon-gui-dash-circled","icon-gui-disclosure-arrow","icon-gui-document-generic","icon-gui-enlarge","icon-gui-external-link-bolder","icon-gui-external-link","icon-gui-filter-flow-step-1","icon-gui-filter-flow-step-2","icon-gui-filter-flow-step-3","icon-gui-hand","icon-gui-history","icon-gui-info","icon-gui-link-arrow","icon-gui-link","icon-gui-live-chat","icon-gui-minus","icon-gui-organization","icon-gui-partial","icon-gui-plus","icon-gui-quote-marks-solid","icon-gui-refresh","icon-gui-resources","icon-gui-search","icon-gui-tick","icon-gui-warning-fill","icon-gui-warning"],"other":["icon-other-quote"],"product":["icon-product-asset-tracking-mono","icon-product-asset-tracking","icon-product-chat-mono","icon-product-chat","icon-product-liveobjects","icon-product-livesync-mono","icon-product-livesync","icon-product-platform-mono","icon-product-platform","icon-product-pubsub-mono","icon-product-pubsub","icon-product-spaces-mono","icon-product-spaces"],"social":["icon-social-discord","icon-social-facebook","icon-social-github","icon-social-glassdoor","icon-social-google","icon-social-linkedin","icon-social-stackoverflow","icon-social-twitter","icon-social-x","icon-social-youtube"],"tech":["icon-tech-ably-api-streamer","icon-tech-ably-firehose","icon-tech-ably-native","icon-tech-ably","icon-tech-activemq","icon-tech-activitypub","icon-tech-aerospike","icon-tech-akka","icon-tech-amazon-ec2","icon-tech-amazon-event-bridge","icon-tech-amqp091","icon-tech-amqp10","icon-tech-android-full","icon-tech-android-head","icon-tech-angular","icon-tech-anycable","icon-tech-apache-cassandra","icon-tech-apache-cordova","icon-tech-apache-kafka","icon-tech-apache-spark","icon-tech-apachepulsar","icon-tech-apachestorm","icon-tech-apns","icon-tech-assemblyai","icon-tech-atmosphere","icon-tech-aws-app-sync","icon-tech-aws-aurora","icon-tech-aws-gateway-websockets","icon-tech-aws-sns","icon-tech-aws-sqs","icon-tech-aws","icon-tech-awsiot","icon-tech-awskinesis","icon-tech-awslambda","icon-tech-awssqs","icon-tech-azure-api","icon-tech-azure-archive-api","icon-tech-azure-bus","icon-tech-azure-cosmos","icon-tech-azure-event-hub","icon-tech-azure-functions","icon-tech-azure-search","icon-tech-azure-static-web-app","icon-tech-azure-static-web-apps","icon-tech-azure-storage","icon-tech-azure-web-pubsub","icon-tech-azurefunctions","icon-tech-azureservicebus","icon-tech-azuresignalR","icon-tech-bayeux","icon-tech-c++","icon-tech-centrifugo","icon-tech-client-side-frameworks","icon-tech-clojure","icon-tech-cloudflare-durable-objects","icon-tech-cloudflareworkers","icon-tech-cocoa","icon-tech-confluent","icon-tech-cord","icon-tech-csharp","icon-tech-curl","icon-tech-customwebhooks","icon-tech-datadog","icon-tech-design-patterns","icon-tech-devplatforms","icon-tech-diffusion-data","icon-tech-django","icon-tech-engineio","icon-tech-event-driven-servers","icon-tech-fanout-io","icon-tech-fast-api","icon-tech-fauna","icon-tech-featherjs","icon-tech-firebase-cloud-messaging","icon-tech-firebase","icon-tech-flutter","icon-tech-gcloudbigquery","icon-tech-gclouddataflow","icon-tech-gcloudfunctions","icon-tech-gcloudpubsub","icon-tech-go","icon-tech-grpc","icon-tech-hivemq","icon-tech-http2","icon-tech-http3","icon-tech-httprest","icon-tech-idempotency","icon-tech-ifttt","icon-tech-integrations","icon-tech-ios-generic","icon-tech-ios","icon-tech-ipados","icon-tech-ipfs","icon-tech-ironmq","icon-tech-java","icon-tech-javascript","icon-tech-jms","icon-tech-json-web-tokens","icon-tech-kaazing","icon-tech-kotlin","icon-tech-ksql-db","icon-tech-kubernetes","icon-tech-laravel-broadcast","icon-tech-laravel-echo","icon-tech-lightstreamer","icon-tech-liveblocks","icon-tech-longpolling","icon-tech-macos","icon-tech-matrix","icon-tech-meteor","icon-tech-mongo-db","icon-tech-mono","icon-tech-mqtt","icon-tech-mysql","icon-tech-native-script","icon-tech-net","icon-tech-netlify","icon-tech-nextjs","icon-tech-nkn","icon-tech-nodejs","icon-tech-objectivec","icon-tech-parse-server","icon-tech-php","icon-tech-planetscale","icon-tech-postgres","icon-tech-prisma","icon-tech-programminglanguages","icon-tech-protcol-adaptors","icon-tech-protocols","icon-tech-pub-sub","icon-tech-pubnub","icon-tech-push-technology","icon-tech-pusher","icon-tech-python","icon-tech-quic","icon-tech-rabbitMQ","icon-tech-railsactioncable","icon-tech-react-app","icon-tech-react","icon-tech-reactnative","icon-tech-redis","icon-tech-redpanda","icon-tech-replicache","icon-tech-rethinkdb","icon-tech-rocketmq","icon-tech-ruby","icon-tech-scala","icon-tech-scaledrone","icon-tech-serversentevents","icon-tech-serversideframeworks","icon-tech-signalR","icon-tech-snowflake","icon-tech-socketio","icon-tech-sockjs","icon-tech-solace","icon-tech-spring","icon-tech-stomp","icon-tech-streamdata-io","icon-tech-streamr","icon-tech-swift","icon-tech-symfony-mercure","icon-tech-symfony","icon-tech-tcp-ip","icon-tech-tenefit","icon-tech-terraform","icon-tech-tvos","icon-tech-twilio","icon-tech-typescript","icon-tech-udp-protocol","icon-tech-unity","icon-tech-vercel","icon-tech-vscode","icon-tech-vuejs","icon-tech-wamp","icon-tech-watchos","icon-tech-web-push","icon-tech-web","icon-tech-webhooks","icon-tech-webrtc","icon-tech-websockets","icon-tech-websub","icon-tech-xamarin","icon-tech-xhr-streaming","icon-tech-xmpp","icon-tech-zapier","icon-tech-zeromq"]};
|
package/core/TabMenu.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useEffect}from"react";import*as Tabs from"@radix-ui/react-tabs";import throttle from"lodash.throttle";import cn from"./utils/cn";const TabMenu=({tabs=[],contents=[],tabOnClick,tabClassName,rootClassName,
|
|
1
|
+
import React,{useEffect}from"react";import*as Tabs from"@radix-ui/react-tabs";import throttle from"lodash.throttle";import cn from"./utils/cn";const DEFAULT_TAILWIND_ANIMATION_DURATION=150;const TabMenu=({tabs=[],contents=[],tabOnClick,tabClassName,rootClassName,contentClassName,options})=>{const{defaultTabIndex=0,underline=true,animated:animatedOption=true,flexibleTabWidth=false,flexibleTabHeight=false}=options??{};const listRef=React.useRef(null);const[animated,setAnimated]=React.useState(false);const[highlight,setHighlight]=React.useState({offset:0,width:0});useEffect(()=>{if(animatedOption&&highlight.width>0){setTimeout(()=>{setAnimated(true)},DEFAULT_TAILWIND_ANIMATION_DURATION)}},[animatedOption,highlight.width]);useEffect(()=>{const handleResize=throttle(()=>{const activeTabElement=listRef.current?.querySelector(`[data-state="active"]`);if(activeTabElement){updateHighlightDimensions(activeTabElement)}},100);handleResize();window.addEventListener("resize",handleResize);return()=>{window.removeEventListener("resize",handleResize)}},[]);const updateHighlightDimensions=element=>{const{left:parentLeft}=listRef.current?.getBoundingClientRect()??{};const{left,width}=element.getBoundingClientRect()??{};setHighlight({offset:(left??0)-(parentLeft??0),width:width??0})};const handleTabClick=(event,index)=>{tabOnClick?.(index);updateHighlightDimensions(event.currentTarget)};return /*#__PURE__*/React.createElement(Tabs.Root,{defaultValue:`tab-${defaultTabIndex}`,className:cn({"h-full":flexibleTabHeight},rootClassName)},/*#__PURE__*/React.createElement(Tabs.List,{ref:listRef,className:cn("relative",{"flex border-b border-neutral-300 dark:border-neutral-1000":underline},{"h-full":flexibleTabHeight})},tabs.map((tab,index)=>/*#__PURE__*/React.createElement(Tabs.Trigger,{key:`tab-${index}`,className:cn("lg:px-24 md:px-20 px-16 py-16 ui-text-menu1 font-bold data-[state=active]:text-neutral-1300 text-neutral-1000 dark:data-[state=active]:text-neutral-000 dark:text-neutral-300 focus:outline-none focus-visible:outline-gui-focus transition-colors hover:text-neutral-1300 dark:hover:text-neutral-000 active:text-neutral-900 dark:active:text-neutral-400 disabled:text-gui-unavailable dark:disabled:text-gui-unavailable-dark disabled:cursor-not-allowed",{"flex-1":flexibleTabWidth},{"h-full":flexibleTabHeight},tabClassName),value:`tab-${index}`,onClick:event=>handleTabClick(event,index),disabled:typeof tab==="object"?tab.disabled:false},typeof tab==="object"?tab.label:tab)),/*#__PURE__*/React.createElement("div",{className:cn("absolute bottom-0 bg-neutral-1300 dark:bg-neutral-000 h-[3px] w-24",{"transition-[transform,width]":animated}),style:{transform:`translateX(${highlight.offset}px)`,width:`${highlight.width}px`}})),contents.map((content,index)=>/*#__PURE__*/React.createElement(Tabs.Content,{key:`tab-${index}`,value:`tab-${index}`,className:contentClassName},content)))};export default TabMenu;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path d="
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M5 5.73163V4.99996C5 4.50268 5.19754 4.02577 5.54917 3.67414C5.90081 3.32251 6.37772 3.12496 6.875 3.12496H13.125C13.6223 3.12496 14.0992 3.32251 14.4508 3.67414C14.8025 4.02577 15 4.50268 15 4.99996V5.73163M5 5.73163C5.19583 5.66246 5.40583 5.62496 5.625 5.62496H14.375C14.5942 5.62496 14.8042 5.66246 15 5.73163M5 5.73163C4.63434 5.86091 4.31777 6.10039 4.09391 6.41709C3.87004 6.7338 3.74988 7.11213 3.75 7.49996V8.23163M15 5.73163C15.3657 5.86091 15.6822 6.10039 15.9061 6.41709C16.13 6.7338 16.2501 7.11213 16.25 7.49996V8.23163M3.75 8.23163C3.94583 8.16246 4.15583 8.12496 4.375 8.12496H15.625C15.8379 8.12471 16.0492 8.16079 16.25 8.23163M3.75 8.23163C3.02167 8.48913 2.5 9.1833 2.5 9.99996V15C2.5 15.4972 2.69754 15.9742 3.04917 16.3258C3.40081 16.6774 3.87772 16.875 4.375 16.875H15.625C16.1223 16.875 16.5992 16.6774 16.9508 16.3258C17.3025 15.9742 17.5 15.4972 17.5 15V9.99996C17.5001 9.61213 17.38 9.2338 17.1561 8.91709C16.9322 8.60039 16.6157 8.36091 16.25 8.23163" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
3
|
</svg>
|
|
4
|
+
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path d="
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.125 5C3.125 4.50272 3.32254 4.02581 3.67417 3.67417C4.02581 3.32254 4.50272 3.125 5 3.125H6.875C7.37228 3.125 7.84919 3.32254 8.20082 3.67417C8.55246 4.02581 8.75 4.50272 8.75 5V6.875C8.75 7.37228 8.55246 7.84919 8.20082 8.20082C7.84919 8.55246 7.37228 8.75 6.875 8.75H5C4.50272 8.75 4.02581 8.55246 3.67417 8.20082C3.32254 7.84919 3.125 7.37228 3.125 6.875V5ZM3.125 13.125C3.125 12.6277 3.32254 12.1508 3.67417 11.7992C4.02581 11.4475 4.50272 11.25 5 11.25H6.875C7.37228 11.25 7.84919 11.4475 8.20082 11.7992C8.55246 12.1508 8.75 12.6277 8.75 13.125V15C8.75 15.4973 8.55246 15.9742 8.20082 16.3258C7.84919 16.6775 7.37228 16.875 6.875 16.875H5C4.50272 16.875 4.02581 16.6775 3.67417 16.3258C3.32254 15.9742 3.125 15.4973 3.125 15V13.125ZM11.25 5C11.25 4.50272 11.4475 4.02581 11.7992 3.67417C12.1508 3.32254 12.6277 3.125 13.125 3.125H15C15.4973 3.125 15.9742 3.32254 16.3258 3.67417C16.6775 4.02581 16.875 4.50272 16.875 5V6.875C16.875 7.37228 16.6775 7.84919 16.3258 8.20082C15.9742 8.55246 15.4973 8.75 15 8.75H13.125C12.6277 8.75 12.1508 8.55246 11.7992 8.20082C11.4475 7.84919 11.25 7.37228 11.25 6.875V5ZM11.25 13.125C11.25 12.6277 11.4475 12.1508 11.7992 11.7992C12.1508 11.4475 12.6277 11.25 13.125 11.25H15C15.4973 11.25 15.9742 11.4475 16.3258 11.7992C16.6775 12.1508 16.875 12.6277 16.875 13.125V15C16.875 15.4973 16.6775 15.9742 16.3258 16.3258C15.9742 16.6775 15.4973 16.875 15 16.875H13.125C12.6277 16.875 12.1508 16.6775 11.7992 16.3258C11.4475 15.9742 11.25 15.4973 11.25 15V13.125Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
3
|
</svg>
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path d="
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.125 17.5H16.875M3.75 2.5H16.25M4.375 2.5V17.5M15.625 2.5V17.5M7.5 5.625H8.75M7.5 8.125H8.75M7.5 10.625H8.75M11.25 5.625H12.5M11.25 8.125H12.5M11.25 10.625H12.5M7.5 17.5V14.6875C7.5 14.17 7.92 13.75 8.4375 13.75H11.5625C12.08 13.75 12.5 14.17 12.5 14.6875V17.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
3
|
</svg>
|
|
4
|
+
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M9.70314 1.3249C9.7943 1.27574 9.89624 1.25 9.99981 1.25C10.1034 1.25 10.2053 1.27574 10.2965 1.3249L18.4215 5.6999C18.5207 5.75345 18.6036 5.83285 18.6613 5.92967C18.7191 6.0265 18.7496 6.13715 18.7496 6.2499C18.7496 6.36265 18.7191 6.4733 18.6613 6.57012C18.6036 6.66695 18.5207 6.74634 18.4215 6.7999L10.2965 11.1749C10.2053 11.2241 10.1034 11.2498 9.99981 11.2498C9.89624 11.2498 9.7943 11.2241 9.70314 11.1749L1.57814 6.7999C1.47892 6.74634 1.39604 6.66695 1.33827 6.57012C1.2805 6.4733 1.25 6.36265 1.25 6.2499C1.25 6.13715 1.2805 6.0265 1.33827 5.92967C1.39604 5.83285 1.47892 5.75345 1.57814 5.6999L9.70314 1.3249Z" fill="currentColor"/>
|
|
3
|
+
<path d="M2.72078 8.83506L9.11078 12.2759C9.38404 12.4231 9.68957 12.5001 9.99995 12.5001C10.3103 12.5001 10.6159 12.4231 10.8891 12.2759L17.2791 8.83423L18.4208 9.45006C18.52 9.50362 18.6029 9.58301 18.6607 9.67984C18.7184 9.77666 18.7489 9.88731 18.7489 10.0001C18.7489 10.1128 18.7184 10.2235 18.6607 10.3203C18.6029 10.4171 18.52 10.4965 18.4208 10.5501L10.2958 14.9251C10.2048 14.9739 10.1032 14.9995 9.99995 14.9995C9.8967 14.9995 9.79507 14.9739 9.70412 14.9251L1.57912 10.5501C1.4799 10.4965 1.39701 10.4171 1.33924 10.3203C1.28148 10.2235 1.25098 10.1128 1.25098 10.0001C1.25098 9.88731 1.28148 9.77666 1.33924 9.67984C1.39701 9.58301 1.4799 9.50362 1.57912 9.45006L2.72078 8.83506Z" fill="currentColor"/>
|
|
4
|
+
<path d="M9.11078 16.0259L2.72078 12.5842L1.57912 13.2001C1.4799 13.2536 1.39701 13.333 1.33924 13.4298C1.28148 13.5267 1.25098 13.6373 1.25098 13.7501C1.25098 13.8628 1.28148 13.9735 1.33924 14.0703C1.39701 14.1671 1.4799 14.2465 1.57912 14.3001L9.70412 18.6751C9.88828 18.7751 10.1116 18.7751 10.2958 18.6751L18.4208 14.3001C18.52 14.2465 18.6029 14.1671 18.6607 14.0703C18.7184 13.9735 18.7489 13.8628 18.7489 13.7501C18.7489 13.6373 18.7184 13.5267 18.6607 13.4298C18.6029 13.333 18.52 13.2536 18.4208 13.2001L17.2791 12.5851L10.8891 16.0267C10.6158 16.1738 10.3102 16.2507 9.99985 16.2506C9.68947 16.2504 9.38398 16.1732 9.11078 16.0259Z" fill="currentColor"/>
|
|
5
|
+
</svg>
|